Obscure bundle.js errors in React + Webpack though Debug=true is set in the webpack.config.js
<p>For debug purposes, I would like to get the line number which produced the error but I am getting this:</p>

<p><a href="https://i.stack.imgur.com/FzAQZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FzAQZ.png" alt="error message react"></a></p>

<p>It is referencing bundle.js though I've specified debug=true in the <strong>webpack.config.js</strong>:</p>

<pre><code>var path = require('path')
var webpack = require('webpack')

module.exports = {
  debug: true,
  devtool: 'cheap-module-eval-source-map',
  entry: [
    'webpack-hot-middleware/client',
    './index'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin()
  ],
  module: {
    loaders: [{
      test: /\.js$/,
      loaders: ['babel'],
      exclude: /node_modules/,
      include: __dirname
    }]
  }
}
</code></pre>

<p>Anyway I can get the line number in the pre-compiled js?</p>

<p>I've tried adding pathInfo as <a href="https://stackoverflow.com/questions/31878629/how-to-have-a-more-readable-bundle-js-with-webpack-sourcemap">this</a> answer recommended but to no avail.</p>