无法关闭 webpack HMR

Question

使用express 4.14.0、webpack 1.14.0 w/babel 和预设。这是我在某处找到的样板文件webpack 配置：

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 由 Express 提供服务，而我的 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 运行了其他项目。所以试着改变 PORT 看看能不能帮到你。