0

angular7でprimeng-tableを使用しようとしています。しかし、それを統合した後、私は以下のエラーが発生しています:-

Uncaught TypeError: Object(...) is not a function at platform.es5.js:102 at Module../node_modules/@angular/cdk/esm5/platform.es5.js (platform.es5.js:104) でObject../node_modules/primeng/のwebpack_require (bootstrap:78) の Module../node_modules/@angular/cdk/esm5/scrolling.es5.js (scrolling.es5.js:1) のwebpack_require (bootstrap:78) components/dropdown/dropdown.js (dropdown.js:12) でwebpack_require (bootstrap:78) で Object../node_modules/primeng/components/paginator/paginator.js (paginator.js:15) でwebpack_require (bootstrap:78 ) ) Object../node_modules/primeng/components/datagrid/datagrid.js (datagrid.js:15) で

htmlファイル

<html>
<div class="courses">
  <h1>This is the Courses Page!</h1>
  <br><br><br><br>
  </div>
<p-dataTable [value]="courses">
  <p-column field="id" header="id"></p-column>
  <p-column field="name" header="name"></p-column>
</p-dataTable>
</html>

コンポーネントファイル

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-courses',
 templateUrl: './courses.component.html',
  styleUrls: ['./courses.component.less']
})
export class CoursesComponent implements OnInit {
  courses: any[];
  constructor() { }
  ngOnInit() {
    this.courses = [
      { id: '1', name: 'Course1' },
      { id: '2', name: 'Course2' },
      { id: '3', name: 'Course3' }
    ];
  }
}

ここでコード全体を見つけることができます -コード

誰が私がどこで間違っているのか教えてもらえますか?

ありがとう！

4

1 に答える 1

1

こんにちは、依存関係を更新し、 TableModuleから使用されているp-tableを更新してください。正常に動作しています。パッケージ json を確認してください。これがstackblitz です

ここに画像の説明を入力

于 2019-08-10T09:08:48.957 に答える