在尋找解法時發現其他情境也可能跳出相同錯誤,此文針對 Ionic Angular 在安裝 PWA 功能報錯的訊息解決。
▍ 錯誤描述
目前我的環境是以下版本,曾經安裝過最新的 angular/cli 19
又降版
1 | @ionic/cli: 7.2.0 |
依照 Ionic Angular 官方文件 安裝 PWA 的指示
ng add @angular/pwa
終端機會跳出請使用 "$id"
的提示
1 | NOT SUPPORTED: keyword "id", use "$id" for shema ID |
▍ 解法
根據描述,使用搜尋 "id"
找到 /node_modules/@angular-devkit/schematics/collection-schema.json
文件,發現報出錯誤處已經使用 "$id"
,但仍然報出錯誤訊息。
回到錯誤訊息描述:
1 | Found compatible package version: @angular/pwa@0.5.3 |
被搜尋到與當前 Angular 相容的版本 @angular/pwa@0.5.3
!是距今 7 年前發布的版本。所以請看你目前使用的 Angular 版本,來調整 pwa 安裝版本。例如目前我使用的是 Angular 18.2.12
,我的安裝指令則是:
1 | npm i @angular/pwa@18.2.12 |
關於 @angular/pwa
版本可參考:https://www.npmjs.com/package/@angular/pwa?activeTab=versions
另外測試,如果沒經過降版,一開始就安裝最新的 Angular CLI(目前是 19),使用官方文件給的 ng add @angular/pwa
就真的會安裝 19 的 pwa 版本。
解法來源:https://stackoverflow.com/a/74882026
— 文章同步發佈於 Vocus