【问题标题】:Laravel Mix does not emit cssLaravel Mix 不发出 css
【发布时间】:2019-07-05 07:51:19
【问题描述】:

我的 Laravel 项目没有编译 CSS 文件。我用 laravel new project, 重新安装了 Laravel,然后我运行了 npm installnpm 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 项目,但没有成功。

【问题讨论】:

  • 你的意思是它不会发出 CSS 吗?如果是这样,请改写标题。
  • 你的 webpack.mix.js 文件的内容是什么样的?在您的 package.json 中是否有 "cross-env": "^5.1" 和 "laravel-mix": "^4.0.16"?
  • 嗨@KarlHill,我的 webpack.mix.js 在安装 Laraval 后没有任何变化:const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css'); 和 package.json "cross-env": "^5.1", "laravel-mix": "^4.0.7"。与第二台计算机相同,一切正常。
  • 听起来很奇怪。今天发布了新版本的 Laravel Mix。执行“npm update”命令,它应该会更新你所有的库,特别是 + laravel-mix@4.1.2。然后尝试 'npm run prod' 看看是否有任何影响,主要是你的 app.css 被发送到 '/public/css/app.css' 路径。
  • 没有帮助。只使用了 app.js 和 fontawesome 字体。

标签: laravel sass laravel-mix


【解决方案1】:

所以我终于解决了。问题是我的工作区位于D:\www 并符号链接到我的C:\Users\ondra\www 目录。如果我从原始位置D:\www\project 开始npm run dev,一切正常。为什么它不能从符号链接C:\Users\ondra\www\project 工作对我来说是个谜:)

【讨论】:

  • 感谢主,这就是给我的!
【解决方案2】:

另一种解决方案是更改 webpack.mix.js 文件并添加 scss 源文件的完整路径,例如:

mix.js('resources/js/app.js', 'public/js') .sass('/home/ewertonvaz/laravelapp/resources/sass/app.scss', 'public/css');

请注意,如果您使用的是 Windows,则必须删除驱动器号引用,并且路径名必须用双斜杠书写。

【讨论】:

    猜你喜欢
    • 2021-04-21
    • 2021-06-30
    • 2018-08-29
    • 1970-01-01
    • 2022-01-03
    • 1970-01-01
    • 1970-01-01
    • 2017-07-22
    • 2020-11-04
    相关资源
    最近更新 更多