webpack使用react热组件替换时，报ReactHotAPI is not a function的错误

Question

不使用react的热组件替换时，没有问题，加上这个热组件替换之后，webpack打包过程中也没有报错，但是在网页中会报ReactHotAPI is not a function的错误，能帮我看看是哪里的问题吗？

下面是webpack.config.js的代码：

var path = require('path');
var node_modules = path.resolve(__dirname, 'node_modules');
var pathToReact = path.resolve(node_modules, 'react/dist/react.min.js');
var pathToReactDOM = path.resolve(node_modules, 'react-dom/dist/react-dom.min.js');

module.exports = {
  entry: [
    'webpack/hot/dev-server',
    'webpack-dev-server/client?http://localhost:8080',
    path.resolve(__dirname, 'app/main.jsx')
  ],
  resolve: {
      alias: {
          'react.js': pathToReact,
          'react-dom.js': pathToReactDOM,
      }
  },
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'bundle.js'
  },
  module: {
      loaders: [{
          test: /\.jsx?$/,
          loaders: ['react-hot', 'babel']
      },
      {
          test: /\.css$/,
          loader: 'style!css'
      },
      {
          test: /\.scss$/,
          loader: 'style!css!sass'
      }],
      noParse: [pathToReact, pathToReactDOM]
  }
};

Answer 1

loaders: [{
          test: /\.jsx?$/,
          exclude:/node_modules/,
          loaders: ['react-hot', 'babel']
      }

试试