Primeng不导入卡片组件

Question

我会使用Primeng Card组件

在 module.ts 我调用了模块。

 import { CardModule } from 'primeng/card';

编译时，angular找不到模块

 ERROR in /home/haddad/projects/arrr/arrrt/src/app/app.module.ts (9,28): Cannot find module 'primeng/card'.

我使用的是4.2.4

版本

当我更新到 primeng 版本 5 时出现此错误

ERROR in Error: Metadata version mismatch for module /home/haddad/projects/node_modules/primeng/components/sidebar/card.d.ts, found version 4, expected 3, resolving symbol AppModule in /home/haddad/projects/ar/arrt/src/app/app.module.ts, resolving symbol AppModule in /home/haddad/projects/ar/arrt/src/app/app.module.ts

而且我必须使用 angular 4。

这是我的 package.json 了解更多信息：

"dependencies": {
  "@angular/animations": "^4.3.6",
  "@angular/common": "^4.4.4",
  "@angular/compiler": "^4.4.4",
  "@angular/core": "^4.4.4",
  "@angular/forms": "^4.4.4",
  "@angular/http": "^4.4.4",
  "@angular/platform-browser": "^4.4.4",
  "@angular/platform-browser-dynamic": "^4.4.4",
  "@angular/router": "^4.4.4",
  "core-js": "^2.4.2",
  "font-awesome": "^4.7.0",
  "primeng": "^4.2.4",
  "rxjs": "^5.5.6",
  "zone.js": "^0.8.19"
},
"devDependencies": {
  "@angular/cli": "1.6.6",
  "@angular/compiler-cli": "~4.3.4",
  "@angular/language-service": "^4.3.4",
  "@types/jasmine": "~2.8.3",
  "@types/jasminewd2": "~2.0.2",
  "@types/node": "~6.0.60",
  "codelyzer": "^4.0.1",
  "jasmine-core": "~2.8.0",
  "jasmine-spec-reporter": "~4.2.1",
  "karma": "~2.0.0",
  "karma-chrome-launcher": "~2.2.0",
  "karma-coverage-istanbul-reporter": "^1.2.1",
  "karma-jasmine": "~1.1.0",
  "karma-jasmine-html-reporter": "^0.2.2",
  "protractor": "~5.1.2",
  "ts-node": "~4.1.0",
  "tslint": "~5.9.1",
  "typescript": "~2.3.4"
}

Answer 1

在互联网上搜索 4 小时后，我意识到无法将 Card 组件与 Angular 4 一起使用。

PrimeNg 5.0.2 版本创建的卡片组件：card new component

并且 PrimeNg 5.0.0 及以上版本不兼容 angular 4：PrimeNg blog

Angular 5 支持

PrimeNG 5 完全支持 Angular 5，如果您的项目在 Angular 4 上， 要使用的 PrimeNG 版本将是 4.x，因为 PrimeNG 5 不适用 Angular 4 由于 AOT 限制。

需要将 Angular 版本更新到 5。

Answer 2

要导入卡片模块，请尝试以下导入语句：

 import { CardModule } from 'primeng/primeng';