You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

执行npm run build时sass-loader编译失败的问题及解决

解决sass-loader编译时的Webpack配置错误

问题根源很明确:你的Webpack配置里,sass-loader的选项字段拼写错误——你写的是option,但Webpack的loader配置规范要求选项必须放在**复数形式的options**字段下,这就是触发编译错误的原因。

修正后的配置代码如下:

{
    test: /\.scss$/,
    use: [
        'style-loader',
        'css-loader',
        {
            loader: 'sass-loader',
            // 把option改为options(复数)
            options: {
                implementation: require("sass")
            }
        }
    ]
}

修改后重新执行npm run build即可正常编译。Webpack会严格校验配置对象的Schema,字段拼写错误会直接导致初始化失败,后续配置loader时注意这类细节即可。

内容的提问来源于stack exchange,提问作者Elamurasu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 22:15:29