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

【问题标题】：How can I fix a Laravel Mix build error in Laravel 7如何修复 Laravel 7 中的 Laravel Mix 构建错误
【发布时间】：2020-10-10 11:39:22
【问题描述】：

使用 Laravel 7 我的资源->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 模块构建失败（来自./node 模块 /saas-loader/dist/cjs.js);\rSaasError:cant find stylesheet to 导入。\r' @import "变量";

我该如何解决这个问题？

【问题讨论】：

你有什么想法吗？

标签： php laravel laravel-mix laravel-7

【解决方案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';

【讨论】：

我在你提到的路径中没有 variables.scss 文件。它的内容是什么？
删除@import '变量'；然后从 scss 文件中。

【解决方案2】：

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

Laravel 默认不会创建这个，除非你运行 laravel/ui 预设之一：bootstrap、vue、react

【讨论】：