Javascript 在css中将图像url导入为背景时出现网页包错误

我正在向scss文件中的分区添加背景图像。线性渐变用于使图像变暗。该网址是正确的，我相信它

    background-image: url(../../assets/img/hero-bg.jpg),
        linear-gradient(rgba(black, 0.3), rgba(black, 0.3));
    height: 1980px;

我得到以下错误-

ERROR in ./src/sass/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/main.scss)

模块构建失败（来自./node\u modules/css loader/dist/cjs.js）：

通过html加载的图像很好。 这是我的网页配置-

    rules: [
        {
            test: /\.css$/i,
            use: ['style-loader', 'css-loader'],
        },
        {
            test: /\.scss$/i,
            use: [ 'style-loader',
                'css-loader',
                'sass-loader',
            ],
        },
        {
            test: /\.html$/i,
            use: ['html-loader'],
        },
        {
            test: /\.(svg|jpeg|jpg|png|gif)$/i,
            use: {
                loader: 'file-loader',
                options: {
                    name: '[name].[hash].[ext]',
                    publicPath: path.resolve(__dirname, '/assets/img'),
                    outputPath: 'assets/img',
                },
            },
        }
    ],

plugins: [
    new CleanWebpackPlugin(),
    new MiniCssExtractPlugin({
        filename: '[name].css',
    }),
    new HtmlWebpackPlugin({
        template: '/src/template.html',
    }),
],

---

有人能解决这个问题吗？

对于

样式加载器

没有

sourceMap

选项，可以将其设置为

css加载器

或

sass加载器

。

谢谢你的提示，但是我之前意识到了我的错误，并将其删除。它仍然没有解决我的问题，然后更新你的帖子，这样我们就可以看到发生了什么。我看到你只在这里更新了配置，如果你仍然有相同的错误，这是没有意义的。我之前更新了错误？你看不到吗？删除

背景图像可以修复错误吗？如果是，那么它可能有问题。