1
yarn add [email protected]
は、エントリポイントを更新し、最新の反応ホット・ローダーをインストールした後でも動作しませんリアクト:
{
test: /.jsx?$/,
loader: 'babel-loader',
include: path.resolve(__dirname, 'src'),
exclude: /node_modules/,
options: {
presets: [['es2015', { modules: false }], 'react'],
plugins: ['react-hot-loader/babel']
}
},
追加HMRプラグイン
plugins: [
new CopyWebpackPlugin([
{ from: 'src/index.html' }
]),
new WriteFilePlugin(),
new webpack.HotModuleReplacementPlugin()
],
使用済みAppContainer
import React from 'react';
import ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import Home from './components/home';
const render = Component => {
ReactDOM.render(
<AppContainer>
<Home />
</AppContainer>,
document.getElementById('react')
)
};
render(Home);
if (module.hot) {
module.hot.accept('./components/home',() => render(Home));
}
そして、まだ動作しません。ページは完全なリロードを行います。