0
所以发生的是我那里有的WebPack甚至没有刷新页面重新加载在所有
<h1>Home</h1>
<p>This is the home page!</p>
例如,一个首页,如果我改变Home
到test
,什么都不会发生,直到我重新启动的WebPack(密切的联系,重新运行webpack -d)。所以不仅热重装不起作用,而且重装也不起作用。我不知道它是怎么回事,我认为我正确地遵循了所有的教程。
我的WebPack配置:
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');
module.exports = {
entry: [
'webpack-hot-middleware/client',
'./client/src/index.js'
],
output: {
path: path.join(__dirname, 'server', 'static', 'js'),
filename: 'bundle.js'
},
resolve: {
extensions: ['.js', '.jsx', '.json']
},
devServer: {
historyApiFallback: true
},
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
use: [ 'react-hot-loader/webpack', 'babel-loader' ],
}
]
},
plugins: [
new HtmlWebpackPlugin({
inject: 'body',
filename: 'index.html'
}),
new webpack.optimize.OccurrenceOrderPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('development')
})
]
};
我跑webpack -d
这里是我的假设是所有我使用,以及重要的封装:
"babel-preset-node6": "^11.0.0",
"babel-preset-react-hmre": "^1.1.1",
"babel-preset-stage-0": "^6.24.1",
"react-dom": "^15.6.1",
"react-hot-loader": "^3.0.0-beta.7",
"react-redux": "^5.0.5",
"react-router-dom": "^4.1.1",
"react-router-redux": "^4.0.8",
"react-scripts": "^1.0.7",
"react-slick": "^0.14.11",
"redux": "^3.7.0",
"redux-logger": "^3.0.6",
"redux-mock-store": "1.0.2",
"redux-thunk": "^2.2.0",
"sequelize": "^4.1.0",
"sequelize-cli": "^2.7.0",
"webpack": "^3.0.0",
"webpack-dev-server": "^2.4.5",
"webpack-hot-middleware": "^2.18.0",
此外,我收到了另一个我认为与整体重新加载无关的错误,但与热重新加载有关,如果有人可以提供一些建议,这将会有所帮助:
EventSource's response has a MIME type ("text/html") that is not "text/event-stream". Aborting the connection.