webpack配置react-hot-loader出现错误

Question

ERROR in ./entry.js
Module build failed: Error: React Hot Loader: The Webpack loader is now exported separately. If you use Babel, we recommend that you remove "react-hot-loader" from the "loaders" section of your Webpack configuration altogether, and instead add "react-hot-loader/babel" to the "plugins" section of your .babelrc file. If you prefer not to use Babel, replace "react-hot-loader" or "react-hot" with "react-hot-loader/webpack" in the "loaders" section of your Webpack configuration.

这个是为什么。

webpack.config.js

module.exports = {
entry:'./entry.js',
output:{

path:__dirname,
filename:'bundle.js'

},
devtool:'source-map',
module:{

loaders:[
  {test:[/\.js$/,/\.jsx?$/],exclude:/(node_modules)/,loader:'react-hot!babel'},
  {test:/\.css$/,loader:'style!css'}
]

}
};

Answer 1

react-hot!babel 是 react-hot=loader v1 的用法。v1 的热加载存在不少问题，现在已经发布 react-hot-loader v3，推荐使用。如果对 react-hot-loader 版本问题有疑问可参考 react 热加载方案

Answer 2

loader这么写吧

loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015']｀

Answer 3

同样碰到了这个错误，参考了这个https://github.com/maxfarseer...，把react-hot-loader 的版本降到1.3.0 就可以热加载了

Answer 4

.babelrc

{
"presets": [

"es2015",
"react",
"stage-0"

],
"plugins": [

"react-hot-loader/babel"

]
}

webpack.[dev.]config.js

entry: [
    'react-hot-loader/patch',
    path.join(__dirname, 'src/index.js')
]

https://github.com/brickspert...