Question

刚用SASS构建了一个全新的Angular应用程序，但是当尝试编写sass时出现以下错误

模块构建失败（来自./node_modules/sass-loader/lib/loader.js）。

这就是我正在运行的-Angular-Cli: 8.2.0，Node: 10.16.2，NPM: 6.9.0

我尝试添加webpack配置文件，以尝试解决类似问题的解决方案，而不是在react应用中。

module: {
    rules: [
        {
            test: /.(ts|tsx)?$/,
            use: [
                MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                            minimize: true,
                            sourceMap: true
                        }
                    },
                    {
                        loader: "sass-loader"
                    }
            ],
            loader: 'ts-loader',
            enter code hereinclude: [path.resolve(__dirname, 'src')],
            exclude: [/node_modules/]
        }
    ]
}

我只希望能够在有角度的框架内编写SASS。

Answer 1

尝试使用以下命令

sudo npm rebuild node-sass

sudo npm install --save-dev  --unsafe-perm node-sass

Answer 2

我只是在尝试使用.sass ext时编写scss。现在就知道我在做什么错，很容易解决。

Answer 3

我遇到了和你一样的错误。您可以尝试以下一些步骤来解决它：

使用 npm install 命令安装 npm。
尝试使用 npm update 命令更新 npm。
使用 npm rebuild node-sass 命令重建节点 SASS。
再试一次构建您的应用！！！

您可以参考这篇文章的答案：ModuleBuildError: Module build failed.

如何解决此角度错误“模块构建失败（来自./node_modules/sass-loader/lib/loader.js）：”？

3 个答案: