我的 Laravel 项目没有编译 CSS 文件。我使用
laravel new project,
全新安装了 Laravel,然后运行 npm install
和 npm run dev.
我得到的结果是:
DONE Compiled successfully in 7112ms
Asset Size Chunks Chunk Names
/js/app.js 1.6 MiB /js/app [emitted] /js/app
列表中缺少 /css/app.css,并且未发出 app.css。
通过运行
npm run watch
(或 watch-poll/hot),将监视 app.scss 中所做的任何更改,并重新运行构建过程。但是,结果是相同的 - 编译文件列表中没有 app.css,也没有生成 app.css。
我尝试在另一台计算机上创建一个新的 Laravel 项目,并在其上运行
npm run dev
,没有问题。两者都运行在 Windows 10 上,节点版本 v10.16.0,npm 版本 6.9.0。
我尝试完全重新安装 Node(到最新的 10.16.0)并从头开始创建一个新的 Laravel 项目,但没有成功。
所以我终于解决了。问题是我的工作区位于
D:\www
并符号链接到我的 C:\Users\ondra\www
目录。如果我从原始位置 npm run dev
开始 D:\www\project
,一切正常。为什么它不能从符号链接工作C:\Users\ondra\www\project
对我来说是个谜:)
另一个解决方案是更改 webpack.mix.js 文件并添加 scss 源文件的完整路径,例如:
mix.js('resources/js/app.js', 'public/js') .sass('/home/ewertonvaz/laravelapp/resources/sass/app.scss', 'public/css');
请注意,如果您使用的是 Windows,则必须删除驱动器号引用,并且路径名必须用双斜杠书写。
它无法从符号链接运行,因此我们应该将文件路径更改为真实路径!