Ionic 7+Angular：除錯 NOT SUPPORTED: use "$id" for schema ID

在尋找解法時發現其他情境也可能跳出相同錯誤，此文針對 Ionic Angular 在安裝 PWA 功能報錯的訊息解決。

▍ 錯誤描述

目前我的環境是以下版本，曾經安裝過最新的 angular/cli 19 又降版

@ionic/cli: 7.2.0
@angular/cli: 18.2.12

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/pwa@0.5.3！是距今 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 喜愛電影和威士忌，既是前端工程師，也是藝術愛好者。喜歡書寫學習歷程和技術文件，掌握經驗與隨時提取的感覺很好。