webpack localhost/sockjs.js.map not found

Question

I have the following error regarding Socks.js.map, can anyone help me ?

Failed to load Resource: the server responded with a status of 404 (Not Found)

installed the latest version of webpack and webpack-dev-server and set it up like this :

const webpack = require('webpack');

module.exports = {
    entry : './index.js',
    output : {
        path: __dirname + '/public',
        filename : './bundle.js'
    },
    devServer: {
        port: 8080,
        contentBase: './public'
    },
    module: {
        loaders: [{
            test: /.js?$/,
            loader: 'babel-loader',
            exclude: /node-modules/,
            query: {
                presets : ['es2015']
            }
        }]
    }

}

My package.json is with a script:

"dev": "webpack-dev-server --progress --colors --inline --hot"

Answer 1

If by latest version of webpack means v2 or v3, your module format is wrong. Now it is used module.rules instead of module.loaders. That’s how it is now:

  module: {
      rules: [{
          test: /.js?$/,
          exclude: /node-modules/,
          use: {
              loader: 'babel-loader',
              options: {
                  presets : ['es2015']
              }
          }
      }]
  }

(Ref https://webpack.js.org/guides/migrating/#module-loaders-is-now-module-Rules)