HMR не работает после перемещения файлов в папку /app

Question

Привет я в настоящее время пытаюсь научиться использовать экспресс вместе с веб-пакетами HMR, и каждый раз, когда я обновляю и сохраняю файл, он выдает мне ошибку:

"Следующие модули не могут быть оперативно обновлены: (требуется полная перезагрузка)" ".app/components/App.js"

Что-то не так с моими текущими конфигурационными файлами?

Итак, у меня есть структура каталогов, как это:

todos
    |
    app
      |
    package.son
    server.js
    webpack.config.js

и у меня есть файл webpack.config.js и файл server.js, который выглядит следующим образом:

var path = require('path');
var webpack = require('webpack');


module.exports = {
  context: path.join(__dirname + "/app"),

  entry: ['./index'],
  output: {
    path: "/bundle",
    publicPath: '/static/',
    filename: "bundle.js"
  },
  module: {
    loaders: [
     {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel',
        query: {
          presets: ['react', 'es2015']
        }
      }
    ]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  }

};

server.js

var webpack = require('webpack')
var webpackDevMiddleware = require('webpack-dev-middleware')
var webpackHotMiddleware = require('webpack-hot-middleware')
var config = require('./webpack.config')

var app = new (require('express'))()
var port = 3000

var compiler = webpack(config)
app.use(webpackDevMiddleware(compiler, { noInfo: true, publicPath: config.output.publicPath }))
app.use(webpackHotMiddleware(compiler))

app.get("/", function(req, res) {
  res.sendFile(__dirname + '/app/index.html')
})

app.listen(port, function(error) {
  if (error) {
    console.error(error)
  } else {
    console.info("==>   Listening on port %s. Open up http://localhost:%s/ in your browser.", port, port)
  }
})

Answer 1

Вы пытались принять модуль? В документации Webpack HMR говорится следующее:

Модуль может быть обновлен, только если вы "примете" его. Таким образом, вам нужно module.hot.accept модуль в родителей или родителей родителей. Например, роутер или подпредставление было бы хорошим местом.

Попробуйте это в своем файле index.js или в любом другом модуле, который вы хотите перезагрузить:

if (module.hot) {  
 module.hot.accept();
}