各位大神好:
小弟今日遇到一個奇妙的問題
小弟有一個laravel 11專案,今日執行 npm run dev
跟 npm run build
後
產生出來的css檔案與 resources/css/app.css內的設定一樣如下
@tailwind base;
@tailwind components;
@tailwind utilities;
正常應該是編譯好的tailwindcss樣式表
上面敘述是錯誤觀察,但問題確實是無法輸出css樣式或是輸出了但頁面吃不到...
頁面是用 @vite(['resources/css/app.css', 'resources/js/app.js'])
來導入資源
在跑 npm run xxx 的時候也都沒有跳出錯誤訊息,小弟有google了一下但沒有找到解方,不知道有沒有大神遇過類似的問題並知道該如何排除呢?
上面的問題是小弟自己觀察錯誤,所以難怪google也找不到類似案例....
後來想說應該是tailwindcss沒有打包進資源關係但又找不到原因,索性將npm、node都升級到最新版本並將tailwindcss重新安裝一遍(原版本 npm 9.X node 19.XX)。
node版本升級後本來匯入tailwind資源的寫法變成不可用 例: require('@tailwindcss/forms')
將其改成import formsPlugin from '@tailwindcss/forms'
後就可以執行打包並成功輸出css樣式表了
雖然成功排除問題但發生的原因不知道,解決的也莫名其妙...心裡總覺得不踏實
如果有大神有類似經驗還請不吝賜教~ 感謝 :)
Laravel 11 使用 Vite 有要求node版本
Node.js 版本至少要 16.x
並且推薦使用 18.x 或更高版本