Подтвердить что ты не робот

Не удается получить замену горячего модуля webpack для работы

Я установил 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>

Есть ли у кого-нибудь идеи?

4b9b3361

Ответ 1

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

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

Ответ 2


ВАЖНО


Если вы используете [email protected]​​strong > , убедитесь, что вы установили

[email protected] 

Просто запуск npm install webpack-dev-server не будет приятным с  webpack 2.

Вероятно, это будет только так, пока версия 2 все еще находится в бета-версии.


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

Нашел этот простой рабочий пример:

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

Код очень понятен.

Ответ 3

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