laravel 执行 npm run dev 跟 npm run build 无法编译出css档案(问题已自行排除)

各位大神好:小弟今日遇到一个奇妙的问题小弟有一个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样式表了

虽然成功排除问题但发生的原因不知道，解决的也莫名其妙...心里总觉得不踏实如果有大神有类似经验还请不吝赐教~ 感谢 :)

ningyungame

iT邦研究生 5 级 ‧ 2024-12-12 23:35:19

Laravel 11 使用 Vite 有要求node版本
Node.js 版本至少要 16.x
并且推荐使用 18.x 或更高版本

相关文章