最近工作上可能要用 React + Tailwind 了，剛好正巧遇到 React 19 和 Tailwind 4.0 剛推出，尤其是 Tailwind 做了大改版，對我這樣剛好是這兩項技術的新手小白來說，還沒有更多文章可以參考，光是安裝也是摸索了一陣子。以下以
Vite 6 + React 18.3 + Tailwind 4.0 + prettier-plugin-tailwindcss 0.6.11安裝做記錄：
React 19 發布於 2024 年 12 月，但直到現在 2025 年 1 月底，還是有使用 create-react-app 安裝出錯的問題。
根據 網友解法 都是退回 18，或是用 Vite 安裝 React 18，所以這篇文章才會用這個框架組合。
PWA（Progressive Web App） 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術，它不用上架到 store，很適合行銷工具使用，像是 Youtube （影音社交媒體）、Spotify（音樂串流平台）、Visit Japan Web（入境日本填寫資料）、一些個人品牌電商網站，都利用這個技術。
那麼如果作為開發者呢？我們會看到 PWA 對手機原生功能支援有限的文章，但不知道實際表現到底如何。以下文章是使用 Ionic Angular PWA 在各載體中，對於相機功能的比較紀錄：
在尋找解法時發現其他情境也可能跳出相同錯誤，此文針對 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 |
最近在研究做 APP 的方法，以 web 前端開發者的身分來說，第一優先會先選擇能用 HTML 和 JS 的框架出發。以下紀錄我使用 Ionic Angular 的使用紀錄：
在以下環境下，可能發生 R3InjectorError(Platform: core) 報錯
1 | @ionic/cli: 7.2.0 |
完整錯誤訊息如果是經由 Android Studio CatLog 查看，大概會是這樣：
1 | NullInjectorError: R3InjectorError(Platform: core)[t -> Ir] |
