How to fix a problem in adding background image?

Viewed 11

I want to add image in backround. But I get such error.enter image description here

scss

&>input:checked+span::before {
    border-color: $bg;
    background-color: $bg;
    transition: all 0.4s ease;
    background-image: url("../../images/check.png");
  }

Webpack:

module.exports = [
  {
    // CSS Loader
    test: /\.css$/,
    use: [
      {loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader},
      {loader: 'css-loader'},
    ],
  },
  {
    // Less loader
    test: /\.less$/,
    use: [
      {loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader},
      {loader: 'css-loader'},
      {loader: 'less-loader'},
    ],
  },
  {
    // scss loader
    test: /\.scss$/,
    use: [
      {loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader},
      {loader: 'css-loader'},
      {loader: 'sass-loader'},
    ],
  },
  {
    // Images Loader
    test: /\.(gif|jpe?g|tiff|png|webp|bmp|svg)$/,
    use: [
      {
        loader: 'file-loader',
        options: {
          publicPath: 'assets/images',
          outputPath: 'assets/images',
        },
      },
    ],
  },
];

I tried to download picture from internet and this way to add background image. Everything works ok. But for some reasons I cannot import it in my css.

0 Answers
Related