【Angular】使用 primeNg 出現 ɵɵComponentDeclaration

安裝 PrimeNg套件時，照著官方教學安裝

> npm install primeng --save

> npm install primeicons --save 

要import到module.ts時卻出現以下錯誤，發現是安裝了最新版本的primeNg，跟原本本地Angular meterial版本對不上

Error: node_modules/primeng/api/shared.d.ts:6:18 - error TS2707: Generic type 'ɵɵComponentDeclaration' requires between 7 and 8 type arguments.

6     static ɵcmp: i0.ɵɵComponentDeclaration<Header, "p-header", never, {}, {}, never, ["*"], false, never>;

於是兩個解決辦法，升版Angular或者降版PrimeNg

我這邊選擇升級Angular到v15

照著官方升級文件做

https://angular.io/guide/update-to-version-15#v15-dp-05

先清空git狀態 (捨棄掉primeNg package.json的變更)

> git stash 

> ng update @angular/core@15 @angular/cli@15

> git commit ...

> ng update @angular/material@15

 

 先升級完沒問題之後，再安裝最新版primeNg

然後記得在angular.json中加上CSS