primeNG 升级到 8.0.1 错误加载 DataTable答案

【问题标题】：primeNG upgrading to 8.0.1 error loading DataTableprimeNG 升级到 8.0.1 错误加载 DataTable
【发布时间】：2019-07-17 02:04:22
【问题描述】：

我需要将我的primeng包从7升级到8。

我收到以下错误：

anager-console/src/main/frontend/node_modules/primeng/primeng"' 没有导出成员'DataTable'

在组件文件中找不到以下导入

import { DataTable } from 'primeng/primeng';

package.json

"private": true,
  "dependencies": {
    "@angular/animations": "7.2.15",
    "@angular/cdk": "7.3.7",
    "@angular/common": "7.2.15",
    "@angular/compiler": "7.2.15",
    "@angular/core": "7.2.15",
    "@angular/forms": "7.2.15",
    "@angular/http": "7.2.15",
    "@angular/platform-browser": "7.2.15",
    "@angular/platform-browser-dynamic": "7.2.15",
    "@angular/router": "7.2.15",
    "@fortawesome/fontawesome-free": "^5.7.2",
    "bootstrap": "^3.4.1",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.6.5",
    "floatthead": "^2.1.3",
    "jquery": "^3.4.1",
    "jquery-ui-dist": "^1.12.1",
    "ng-treetable": "^1.3.3",
    "ngx-bootstrap": "^3.2.0",
    "primeicons": "^1.0.0",
    "primeng": "^8.0.1",
    "rxjs": "^6.4.0",
    "rxjs-compat": "^6.4.0",
    "web-animations-js": "^2.3.1",
    "zone.js": "^0.8.29"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.13.9",
    "@angular/cli": "7.3.9",
    "@angular/compiler-cli": "7.2.15",
    "@angular/language-service": "7.2.15",
    "@types/jasmine": "^2.8.16",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "^10.14.1",
    "codelyzer": "^5.0.1",
    "eslint": "^5.16.0",
    "jasmine-core": "~3.3.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.1.3",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~2.0.0",
    "karma-coverage-istanbul-reporter": "^2.0.5",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "^5.4.1",
    "ts-node": "~7.0.1",
    "tslint": "~5.16.0",
    "typescript": "3.1.6"
  }

更新

我确实将 Angular 更新到 8，但仍然遇到同样的问题。

经过进一步调查，PrimeNG 8 中删除了 DataTable 组件。我查看了发行说明，没有提及删除 DataTable 组件。现在我需要找出我用什么代替..

link to primeNg issue

【问题讨论】：

标签： angular primeng

【解决方案1】：

全部替换import { DataTable } from 'primeng/primeng'; 导入{ Table } from 'primeng/table'; 解决了我的问题

【讨论】：

【解决方案2】：

不推荐使用数据表以支持 turbotable：

TurboTable
Table is the successor of p-dataTable with a lightning fast performance (at least 10x faster) and excellent level of control over the presentation. p-table is called as TurboTable in order to differantiate if from the deprecated p-dataTable.

https://www.primefaces.org/primeng-7.1.3/#/table

我链接到版本 7，因为 8 甚至不再显示弃用消息。

【讨论】：

我没有使用 p-dataTable... 我使用 p-table