Reactjs 调试用于解包Chrome扩展的create react应用程序构建

我当前的构建过程是使用createreact应用程序构建项目，然后将未打包的构建作为扩展加载。从那里，我启动了它，但当我启动时，我的主文件[hash].js:formatted file中出现了一个错误

通常，我会单击该错误，转到行号，删除调试器，重新加载，然后找出问题的原因。但是，该文件似乎没有进行源映射。我无法单步执行此代码：

{
            key: "render",
            value: function() {
                var e = this
                  , t = this.state
                  , n = t.chromeVersion,
                  /// ... props, etc
                  , v = this.props.aProp,
                  , u = this.state.aStateVal,
                  , _ = Object(H.b)(this.state.anotherVal)
                return p.a.createElement("div", {
                // etc etc

应该是这样的：

render() {
    const {
      chromeVersion,
      // other state values
    } = this.state;
    const error = this.props.aProp
    const display = this.state.aStateVal,
    let getStuff = aFunction(
      this.state.anotherVal
    );

    return ( 
        <div /...
   // etc etc

const webpack = require("webpack");

if (!process.env.NODE_ENV) {
  process.env.NODE_ENV = "development";
}

module.exports = {
  entry: `${__dirname}/src/index.js`,
  output: {
    path: `${__dirname}/../build`,
    filename: "background.js"
  },
  module: {
    loaders: [
      {
        test: /\.(js|jsx)$/,
        loader: "babel-loader",
        query: {
          babelrc: false,
          presets: [require.resolve("babel-preset-react-app")]
        }
      }
    ]
  },
  plugins: [
    // there used to be an uglify here, but I've removed it
  ],
  devtool: 'source-map'
};

我使用以下命令运行生成：

     GENERATE_SOURCEMAP=true NODE_ENV=development react-scripts build 
     && webpack --config path/to/webpack.config.js 
     && node /path/to/prepareManifestForExtension.js  // Needed for chrome app

---

在运行我的chrome应用程序时，我缺少什么来调试我的代码？如何获取指向源映射行的错误消息

你找到解决办法了吗？@AbnerZheng没有