无法修改React DevTools for Chrome中的组件道具

Question

我正在开发一个React应用程序，并已安装webpack将我的代码打包到捆绑包中。

但是，当我使用React DevTools在Chrome中加载我的应用程序并尝试通过扩展来修改组件的道具时，它不会更改值或使用新值重新渲染。

下面是我webpack.config.js

'use strict'; 

const webpack = require('webpack') 

module.exports = { 
    entry: { 
    agile: './client/js/agile.jsx.js', 
    vendor: [ 
     'domready', 
     'react', 
     'react-dom', 
     'classnames' 
    ] 
    }, 
    output: { 
    filename: '[name].bundle.js', 
    path: 'public/js', 
    publicPath: '/js/' 
    }, 
    module: { 
    loaders: [ 
     { test: /\.js$/, exclude: /node_modules/, loader: 'babel' } 
    ] 
    }, 
    plugins: [ 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.OccurenceOrderPlugin(true), 
    new webpack.optimize.CommonsChunkPlugin({names: ['vendor'], minChunks: Infinity}), 
    new webpack.HotModuleReplacementPlugin() 
    ], 
    target: 'web', 
    devtool: 'source-map', 
    stats: { 
    color: true, 
    modules: false, 
    reasons: false 
    }, 
    devServer: { 
    hot: true, 
    inline: true, 
    contentBase: './public/' 
    } 
}; 

请让我知道，如果我做错了什么。

我也尝试删除上面使用的HotModuleReplacementPlugin并运行我的应用程序没有webpack-dev-server。他们都没有工作。

版本：

• 阵营 - 在Mac OSX 49.0.2623.112（64位） - 15.0.1
• 阵营DevTools - 0.14.9
• 节点 - v4.4.1
• 铬

Answer 1

我不知道这是否符合答案，但我还没有超过50分，所以我不能添加评论。

看起来这是由1月份首次报告的React optimization引起的问题。在该线程的末尾有一个打开的PR，应该解决这个问题。