Import primeng TableModule在Angular2中给出错误



我试图运行一个非常简单的primeng表应用程序。我安装了primeng和primeicons。当我在app.module.ts中添加这个导入时:

import { TableModule } from 'primeng/table';

编译时给出错误:

错误:node_modules/primeng/表/table.d。ts:375:18 -错误TS2707:泛型` ` ` ` ` ComponentDeclaration ` `需要7到8种类型参数。

375 static/cmp: i0. i0/ComponentDeclaration<[pTableBody]", never, {"columns";pTableBody"template"pTableBodyTemplate";"value"value";"frozen"frozen";"frozenRows"frozenRows";"scrollerOptions"scrollerOptions";},{}, never, never, false, never>;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

错误:node_modules/primeng/表/table.d。ts:382:18 -错误TS2707:泛型' ` ` ` DirectiveDeclaration' `需要6到8个类型参数。

382 static/dir: i0. i0 DirectiveDeclaration<RowGroupHeader;[pRowGroupHeader]&quot;,>;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

错误:node_modules/primeng/表/table.d。ts:394:18 -错误TS2707:泛型' ` ` ` DirectiveDeclaration' `需要6到8个类型参数。

394 static/dir: i0. i0 DirectiveDeclaration<[pFrozenColumn]", never, {"frozen";"alignFrozen"alignFrozen";}, {}, never, never, false, never>;~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

错误:node_modules/primeng/表/table.d。ts:412:18 -错误TS2707:泛型' ` ` ` DirectiveDeclaration' `需要6到8个类型参数。

412 static/dir: i0. i0/DirectiveDeclaration<[pSortableColumn]", never, {"field";"pSortableColumnDisabled"pSortableColumnDisabled";},{},从不;Never, false, Never

这里怎么了?Package.json:

"dependencies": {
"@angular/animations": "^14.0.0",
"@angular/common": "^14.0.0",
"@angular/compiler": "^14.0.0",
"@angular/core": "^14.0.0",
"@angular/forms": "^14.0.0",
"@angular/platform-browser": "^14.0.0",
"@angular/platform-browser-dynamic": "^14.0.0",
"@angular/router": "^14.0.0",
"primeicons": "^6.0.1",
"primeng": "^15.0.0-rc.1",
"rxjs": "~7.5.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "^14.0.0",
"@angular/cli": "~14.0.0",
"@angular/compiler-cli": "^14.0.0",
"@types/jasmine": "~4.0.0",
"jasmine-core": "~4.1.0",
"karma": "~6.3.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.0.0",
"karma-jasmine-html-reporter": "~1.7.0",
"typescript": "~4.7.2"
}

我认为问题是你正在使用v15 primeng (rc too)与角v14。升级你的Angular版本,或者降级你的primeng版本,让它们匹配。

官方的例子工作得很好,没有任何错误:https://stackblitz.com/edit/primeng-tabledoc-demo?file=src%2Fapp%2Fapp.module.ts你可以从那里检查它的版本。

相关内容

最新更新