DAY6(2025/06/19) [TOC] # DAY6(2025/06/19)React ## 進度日誌 --- # ▶ TodoList 美化（用 Tailwind CSS） --- ## 1. 安裝 Tailwind CSS 在你的專案目錄下（`my-react-ts-app`），打開終端機輸入： ```bash npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p ``` --- 我的電腦出現以下問題： ```bash C:\Users\a0975\Desktop\react-practice\my-react-ts-app>npx tailwindcss init -p npm error could not determine executable to run npm error A complete log of this run can be found in: C:\Users\a0975\AppData\Local\npm-cache\_logs\2025-06-22T07_24_12_769Z-debug-0.log ``` 所以我嘗試以下幾種方法： ##### 1. 手動方法去做，但抓不到CSS，所以網頁上依舊長這樣 ![image](https://hackmd.io/_uploads/H14Nn9SEgg.png) ##### 2. 重新安裝套件 依舊發生同樣的問題 ##### 3. 重新安裝Node.js 依舊發生同樣的問題 --- ## 可能的問題點 根據GPT推測不是設定、指令、程式碼的錯誤，而是Windows 本機環境的 npx/npm/Node.js 執行核心損壞或異常，所以才會「怎麼安裝都不會動」、「npx CLI 找不到執行檔」、「就算重灌還是掛掉」！ Windows偶爾會出現「npm/npx 無法正確執行本地安裝的 CLI」的 根本性錯誤，這種情況下： - `npx tailwindcss init -p`、`npx tailwindcss ...`、`npx create-vite ...`→ 這些指令「永遠找不到」對應 CLI 執行檔，不會產生設定檔或 CSS。 - 不只 Tailwind，任何用到 npx 的前端腳手架、CLI 工具都無法運作。 - 就算重灌 Node.js / npm、清 cache、移除 node_modules、換新專案，都一樣失敗。 - 也嘗試手動建立 config，依然無效（因為執行器本身壞掉，沒辦法真正產生 CSS）。 --- ## React專案之後的嘗試 - 更改開發環境：WSL2（Ubuntu）下用 npm/npx 開發，Tailwind / React --- ## 接下來預計的進度 1. 將目前的進度上傳至Github，並呈現讓網頁呈現在Github中 2. 接下來做Vue3的專案 3. 做完Vu3進度做完以後，回去用Ubuntu環境下React CSS