Webpack – background images not loading

by

There is currently a bug when using sourceMap with css-loader. Removing sourceMap from your css loader should fix it.

"module": {
    "loaders": [
        {
            "test": /\.scss$/,
            "loaders": ["style", "css", "sass?sourceMap"]
        },
        { 
            test: /\.jpg$/, 
            loader: "file-loader" 
        }
    ]
}

Issue is related to: https://github.com/webpack/css-loader/issues/296

More Related Contents:

  1. CORS error even after setting Access-Control-Allow-Origin or other Access-Control-Allow-* headers on client side
  2. Cannot find module ‘webpack/bin/config-yargs’
  3. How to include css files in Vue 2
  4. Multiple html files using webpack
  5. Getting “Error: `output.path` needs to be an absolute path or `/`”
  6. How can I use ES6 in webpack.config.js?
  7. I am getting an “Invalid Host header” message when connecting to webpack-dev-server remotely
  8. TypeError: MiniCssExtractPlugin is not a constructor
  9. How to inline CSS in the head tag of a NextJS project?
  10. Webpack: “there are multiple modules with names that only differ in casing” but modules referenced are identical
  11. How to use a library from a CDN in a Webpack project in production
  12. Is it possible to create custom resolver in webpack?
  13. Module not found: Error: Can’t resolve ‘util’ in webpack
  14. How to make the webpack dev server run on port 80 and on 0.0.0.0 to make it publicly accessible?
  15. webpack can’t find module if file named jsx
  16. Webpack build failing with ERR_OSSL_EVP_UNSUPPORTED [duplicate]
  17. How to hash CSS class names in Nextjs?
  18. What is `require.context`?
  19. How to use variable substitution in Frontend js applications like backend applications?
  20. What does “The code generator has deoptimised the styling of [some file] as it exceeds the max of “100KB”” mean?
  21. Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser
  22. using async/await with webpack-simple configuration throwing error: RegeneratorRuntime not defined
  23. Rules vs Loaders in Webpack – What’s the Difference?
  24. How “include” and “exclude” works in webpack loader
  25. Set environment variable for build in Netlify
  26. Inline JavaScript and CSS with webpack
  27. How to pass .env file variables to webpack config?
  28. Webpack how to build production code and how to use it
  29. How to decrease prod bundle size?
  30. How can I fix the “BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default" error?

Leave a Comment