2017-06-25 2 views
0

So Nachladen, was passiert ist, ich mit nurWebpack überhaupt nicht sogar auf Seite Refresh

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

Zum Beispiel eine Homepage haben, wenn ich Home-test ändern, geschieht nichts, bis ich webpack (enge Verbindung, Rerun neu starten webpack -d). So funktioniert das Warmladen nicht nur nicht, auch das Nachladen funktioniert überhaupt nicht. Ich weiß nicht, was damit los ist, ich dachte, ich hätte alle Tutorials korrekt befolgt.

meine webpack config:

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') 
    }) 
    ] 
}; 

ich bin webpack -d

hier läuft i was übernehmen alle wichtigen Pakete ist, ich bin auch mit:

"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", 

weiterhin, Ich erhalte einen weiteren Fehler, von dem ich denke, dass er nichts mit dem allgemeinen Neuladen zu tun hat, aber er bezieht sich auf das Warmladen und es wäre hilfreich, wenn jemand einen Rat geben könnte:

EventSource's response has a MIME type ("text/html") that is not "text/event-stream". Aborting the connection.

Antwort

0

hinzufügen

"start": "webpack-dev-server --hot" 

in Skripten in package.json und führen Sie Ihre Anwendung npm Start verwenden, sollten Sie aktualisieren automatically.ue,

Installieren Sie die Abhängigkeit mit

npm install webpack-dev-server --hot 

Schau dir das für deinen Fehler an

https://github.com/glenjamin/webpack-hot-middleware/issues/26

Verwandte Themen