在尋找解法時發現其他情境也可能跳出相同錯誤，此文針對 Ionic Angular 在安裝 PWA 功能報錯的訊息解決。
▍ 錯誤描述
目前我的環境是以下版本，曾經安裝過最新的angular/cli 19 又降版@ionic/cli: 7.2.0
@angular/cli: 18.2.12
依照 Ionic Angular 官方文件安裝 PWA 的指示
ng add @angular/pwa
終端機會跳出請使用 "$id" 的提示
NOT SUPPORTED: keyword "id", use "$id" for shema ID
▍ 解法
根據描述，使用搜尋 "id" 找到 /node_modules/@angular-devkit/schematics/collection-schema.json 文件，發現報出錯誤處已經使用 "$id"，但仍然報出錯誤訊息。
回到錯誤訊息描述：
Found compatible package version: @angular/pwa@0.5.3
被搜尋到與當前 Angular 相容的版本 @angular/[email protected]！是距今 7 年前發布的版本。所以請看你目前使用的 Angular 版本，來調整 pwa 安裝版本。例如目前我使用的是 Angular 18.2.12，我的安裝指令則是：
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
Ann Chou 喜愛電影和威士忌，既是前端工程師，也是藝術愛好者。喜歡書寫學習歷程和技術文件，掌握經驗與隨時提取的感覺很好。
