webpack构建的react（es6）在浏览器中有一个Uncaught TypeError

Question

我在我的项目中使用了react.js.我用es6语法编写了react类。我使用webpack构建我的react组件，bundle.js运行良好，但我发现我在浏览器中的bundle.js之后无法运行任何其他js。当我跑＃34; var a = 0＆＃34;在浏览器的控制台中，我收到如下错误：

Uncaught TypeError: Cannot assign to read only property 'toString' of function 'function bound(var_args)
    {
        return InjectedScriptHost.callFunction(func, thisObject, concat(args, sl...<omitted>... }'

我的版本信息：

巴别：6.5.2

反应：0.14.5

的WebPack：14年1月12日

我的webpack配置是：

 module: {
        loaders: [
            {
                test: /\.react\.js$/,
                loader: 'babel',
                exclude: /node_modules/
            }
        ]
    },
    plugins: [
        new webpack.DefinePlugin({
            "process.env": {
                NODE_ENV: JSON.stringify("production")
            }
        })
    ]

我想是否有人遇到过这样的问题？

Answer 1

你不希望你的babel加载器测试/\.react\.js$/，因为它会匹配反应库本身，而这不是你想要的。相反，您希望加载程序测试与/\.jsx?$/匹配的应用程序文件（假设您的文件扩展名为.jsx，它们应该是）。假设你的webpack配置的其余部分都很好，这应该可行。

如果您希望我进一步解释，请告诉我。