2017-06-25 37 views
0

所以发生的是我那里有的WebPack甚至没有刷新页面重新加载在所有

<h1>Home</h1> 
<p>This is the home page!</p> 

例如,一个首页,如果我改变Hometest,什么都不会发生,直到我重新启动的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.

回答

相关问题