ES6: No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only WEBPACK FOOTER

Question

It used to work. Now when I add a breakpoint:

saveSnippet: (title, imageUrl, role) => {

        debugger;
        ...

The result in chrome (53) is:

I tried playing with it and changing the config to 'cheap-module-source-map' and 'eval-source-map' and 'source-map'. Only 'eval-source-map' and 'source-map' work now.

The webpack.config.js (Webpack 1.13.2):

  var path = require('path')
  var webpack = require('webpack')
  var CompressionPlugin = require("compression-webpack-plugin");

  module.exports = {
    debug: true,
    pathinfo:true,
    devtool: 'cheap-module-eval-source-map',
    entry: [
      'webpack-hot-middleware/client',
      './app/index'
    ],
    output: {
      path: path.join(__dirname, 'dist'),
      filename: 'bundle.js',
      publicPath: '/static/'
    },
    plugins: [
      new webpack.optimize.OccurrenceOrderPlugin(),
      new webpack.HotModuleReplacementPlugin(),
      new CompressionPlugin({
        asset: "[path].gz[query]",
        algorithm: "gzip",
        test: /\.js$|\.css$|\.html$/,
        threshold: 10240,
        minRatio: 0.8
      })

    ],
    module: {
      loaders: [{
        test: /\.js$/,
        loaders: ['babel'],
        exclude: /node_modules/,
        include: __dirname
      }]
    }
  }

I've added the webpack.config.js file. I am using "cheap-module-eval-source-map". I am thinking perhaps the fact I did an "npm update" for the project broke something but I don't know what it broke. — Guy, Sep 07 '16 at 23:01
Duplicate question: http://stackoverflow.com/q/39206648/85326 — David Glass, Sep 30 '16 at 18:19

score 1 · Answer 1 · answered Oct 10 '16 at 13:03

1

Try to add:

new webpack.EvalSourceMapDevToolPlugin()

to your plugins section in webpack config.

answered Oct 10 '16 at 13:03

cryss

4,130
1
29
34

score 1 · Accepted Answer · edited May 23 '17 at 12:08

1

This answer is not exactly a fix—it's equivalent to overriding the devtool setting to a different (slower) mode.

The right fix was submitted in this pull request, and you can now update to Webpack 1.14.0 that includes it.

edited May 23 '17 at 12:08

Community

1
1

answered Dec 07 '16 at 12:53

Dan Abramov

264,556
84
409
511

Still does not work for me with webpack 1.14.0 and `cheap-module-eval-source-map`. But `source-map` works. I'm on chromium. – Guillaume Cisco Dec 27 '16 at 14:57
Please provide a project reproducing the problem. – Dan Abramov Dec 31 '16 at 15:17

ES6: No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only ** WEBPACK FOOTER **

2 Answers2

ES6: No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only WEBPACK FOOTER