webpack HMR

Question

を使用して、オフにできません。express 4.14.0、webpack 1.14.0 w/babelおよびプリセットを使用してください。これは、私がどこかで見つけ私の定型webpack configです：Expressで提供しています

var path = require('path'); 

module.exports = { 
    entry: './main.js', 
    output: { path: __dirname, filename: 'bundle.js' }, 
    module: { 
    loaders: [ 
     { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
      presets: ['es2015', 'react'] 
     } 
     } 
    ] 
    }, 
}; 

bundle.jsと私のapp.jsがexpress-generatorを使用して生成された：

var express = require('express'); 
var path = require('path'); 
var favicon = require('serve-favicon'); 
var logger = require('morgan'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 

var app = express(); 

// view engine setup 
app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'pug'); 

// uncomment after placing your favicon in /public 
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
app.use(express.static(path.join(__dirname, 'public'))); 

// catch 404 and forward to error handler 
app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

// error handler 
app.use(function(err, req, res, next) { 
    // set locals, only providing error in development 
    res.locals.message = err.message; 
    res.locals.error = req.app.get('env') === 'development' ? err : {}; 

    // render the error page 
    res.status(err.status || 500); 
    res.render('error'); 
}); 

module.exports = app; 

私は限り、それを表示するためにapp.jsの内容を含めます私が見る通り、HMRを参照するものは何もありません。

いつものようにwebpack -d --watchと一緒にnodemon bin/wwwを実行し、ブラウザでページを開く前に、何かが一貫したリクエストを/__webpack_hmrに作成し、404を取得しています。

Answer 1

私は同じ問題を抱えていました。しかし、私はちょうどポートを変更し、それは働いた。たぶん私はwebpackと同じポート上で実行している他のプロジェクトがあります。だからポートを変更して、それがあなたを助けることができるかどうかを調べてみてください。