Source Maps are not the original source

[ddaza]

with this config

// project/.storybook/webpack.config.js
module.exports = {
  plugins: [
    // your custom plugins
  ],
  devtool: 'inline-source-map',  // <-- source-map config is ignored
  resolve: {
    extensions: ['.js', '.jsx']
  },
  module: {
    rules: [
      {
        test: /\.j(s|sx)$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader'
      },
      {
        test: /\.json$/,
        loader: 'json'
      },
      {
        test: /\.css$/,
        loaders: [
          'style-loader',
          'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
          {
            loader: 'postcss-loader',
            options: {
              plugins: (loader) => [
                require('postcss-import')({ root: loader.resourcePath }),
                require('postcss-cssnext')({browsers: ['last 2 versions', '> 5%']})
              ]
            }
          }
        ]
      }
    ]
  },
};

Running :

 $ start-storybook -p 6006 -c .storybook

I am seeing the transpilled source on my devtools:

[danielduan]

Do you have a project somewhere on Github that we can take a look? I'm not seeing it in mine when I add that line, they all have the correct source map.

[ddaza]

Sorry guys it was a .babelrc config I totally had missed. Thanks guys!

[eddiemonge]

Can you explain that? What fixed it?

[ddaza]

My .babelrc had a devtool: source-maps config as well. Somehow having both they were cancelling each other. I removed the one on my .babelrc and everything worked.