Невозможно получить замену модуля hotpackpack для работы

Question

Я успешно установил WebPack - он очень хорошо компилирует мои файлы babel и SCSS, и я получил функциональность часов, чтобы нормально работать. Но я также хотел бы работать с Hot Mod Replacement - и у меня возникают трудности с этим. Когда я загружаю сервер dev в моем браузере, он показывает Cannot resolve module 'webpack/hot/dev-server'. Моя конфигурация выглядит следующим образом:

import webpack from 'webpack'; 
import wpServer from 'webpack-dev-server'; 

var compiler = webpack({ 
    entry: [ 
     './src/core.js', 
     'webpack/hot/dev-server' 
    ], 
    output: { 
     path: outPath, 
     filename: '[name].js' 
    }, 
    resolveLoader: { root: path.join(MODULE_PATH, "node_modules") }, 
    module: { 
     loaders: [ 
      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' }, 
      { test: /\.scss$/, loader: "style!css!sass" } 
     ] 
    }, 
    plugins: [new webpack.HotModuleReplacementPlugin()], 
    watch: true 
}); 

var server = new wpServer(compiler, { 
    contentBase: outPath, 
    hot: true, 
    quiet: false, 
    noInfo: false, 
    lazy: true, 
    filename: "main.js", 
    watchDelay: 300, 
    headers: { "X-Custom-Header": "yes" }, 
    stats: { colors: true }, 
}); 
server.listen(8080, "localhost", function() {}); 

и мой index.html содержит:

<script src="http://localhost:8080/webpack-dev-server.js"></script> 
<script src='main.js'></script> 

Кто-нибудь есть какие-нибудь идеи?

Answer 1

Если вы установили webpack-dev-server глобально, то есть npm install webpack-dev-server -g, попробуйте установить его локально (просто удалите опцию -g).

Я решил эту проблему, сделав это.

Answer 2

У меня возникла аналогичная проблема. Я исправил его, установив webpack сам по себе. Чтобы установить Webpack как локальную зависимость Dev: npm i -D webpack

Answer 3

---

ВАЖНО

---

Если вы используете webpack@2.xxbeta убедитесь, что вы установите

webpack-dev-server@2.0.0-beta 

Просто бег npm install webpack-dev-server не будет хорошо играть с webpack 2.

Это, вероятно, будет только в том случае, если версия 2 все еще находится в бета-версии.

---

Я также пытался получить эту работу, поскольку документация по этой теме очень фрагментирована.

Найдено этот простой рабочий пример:

https://github.com/ahfarmer/webpack-hmr-starter-dev-server-api

Кодекс говорит само за себя.