iT邦幫忙

1

laravel 執行 npm run dev 跟 npm run build 無法編譯出css檔案(問題已自行排除)

  • 分享至 

  • xImage

各位大神好:
小弟今日遇到一個奇妙的問題
小弟有一個laravel 11專案,今日執行 npm run devnpm 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樣式表了

雖然成功排除問題但發生的原因不知道,解決的也莫名其妙...心裡總覺得不踏實
如果有大神有類似經驗還請不吝賜教~ 感謝 :)

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答