我如何修复 Laravel 中的混合构建错误 Laravel 7

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 在这里混合 returns 构建错误，例如

ModuleBuild Error Module build faild (from./node module /saas-loader/dist/cjs.js);\rSaasError:cant find stylesheet to import.\r' @import "variables";

我该如何解决这个问题？

Answer 1

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

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

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';

我如何修复 Laravel 中的混合构建错误 Laravel 7

How can I fix a Laravel Mix build error in Laravel 7

php

laravel

laravel-mix

laravel-7