如何解决Laravel 7中的Laravel Mix构建错误

Question

使用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模块构建失败（来自/节点模块 /saas-loader/dist/cjs.js);\rSaasError：找不到样式表即可 import。\ r'@import“变量”;

如何解决此问题？

Answer 1

您实际上已经创建了variables.scss文件吗？

除非您运行laravel / ui预设之一：bootstrap，vue，react

，否则Laravel默认不会创建此选项

Answer 2

如果您没有_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';