如何修复 Laravel 7 中的 Laravel Mix 构建错误

Question

使用 Laravel 7 我的 resources->sass->app.scss 如下所示：@import "variables";@import "node_modules/font-awesome/scss/font-awesome";@import "node_modules/bulma/bulma";@import "node_modules/buefy/src/scss/buefy";但是，Laravel mix 会在此处返回一个构建错误，例如ModuleBuild Error 模块构建失败 (from./node module /saas-loader/dist/cjs.js);\rSaasError: 找不到要导入的样式表。\r' @import "variables";我该如何解决这个问题？

Answer 1

如果您没有_variables.scss，请删除引用。这是引用目录的正确方法/node_modules。

// Fontawesome

@import '~@fortawesome/fontawesome-free/scss/fontawesome';

@import '~@fortawesome/fontawesome-free/scss/regular';

@import '~@fortawesome/fontawesome-free/scss/solid';

@import '~@fortawesome/fontawesome-free/scss/brands';

// Bulma

@import '~bulma/bulma';

// Buefy

@import '~buefy/src/scss/buefy';

Answer 2

你真的创建了 variables.scss 文件吗？

默认情况下，Laravel 不会创建它，除非您运行以下 laravel/ui 预设之一：bootstrap、vue、react