React-Dropzones + Webpacks throwing missing index.js.map error

Question

In my project, I want to use React-Dropzones for file uploading. Everything works fine, but when React-Dropzones is part of the project, its trying to pull an index.js.map file from my public javascripts folder (and this file doesnt exist).

I'm using Webpacks with the following config:

{
      entry: './app/js/' + file,
      output: { 
        path: path.resolve(__dirname, 'public/javascripts_react'), 
        filename: file.replace(".js", "") + mode + ".js" },
      module: {
        loaders: [
          {
            test: /.js?$/,
            loader: 'babel-loader',
            exclude: /node_modules/,
            query: {
              presets: ['es2015', 'react', 'stage-2']
            }
          }
        ]
      },
      node: {
        fs: "empty",
        module: "empty"
      }
    }

score 2 · Accepted Answer · answered Aug 18 '17 at 18:15

I think you can ignore that.

Map files are used to make minified CSS and JS files readable by adding the source line numbers to the minified code. Whenever you have minified code, and open the browser developer console, the browser will try to download the map file. If it can't - you will see the minifed js/css without line numbers.

Keep in mind that as long as you don't open the console, the browser will not try to download the minified file.

you can read here more about minified files, or find out how to add js maps using webpack.

React-Dropzones + Webpacks throwing missing index.js.map error

1 Answers1