1

Есть проекты по react,используется сборщик webpack, и его модуль --hot. В консоли все ок

[HMR] Waiting for update signal from WDS...

bundle.js:631 [WDS] Hot Module Replacement enabled.

Но при изминении файлов webpack не пересобирает наново build.js и ничего не происходит на странице. Не работает даже пример с оф. документации. https://webpack.github.io/docs/hot-module-replacement-with-webpack.html

/* style.css */
body {
    background: red;
}

/* entry.js */
require("./style.css");
document.write("<input type='text' />");

npm install webpack webpack-dev-server -g
npm install webpack css-loader style-loader
webpack-dev-server ./entry --hot --inline --module-bind "css=style\!css"

При изменении css ничего так же не происходит.

Спасибо за любые идеи!

1
  • спасибо за спасибо ) 26 янв 2017 в 13:11

1 ответ 1

0

Лучше сделать настройку в webpack.config.js. Обратите внимание, что массив entry должен содержать:

bundle: [
  "webpack/hot/dev-server",
  (`${__dirname}/src/index.js`)
]

если вы хотите без перезагрузки обновлять javascript модули, например свои редьюсеры, то в коде нужно сделать подобным образом:

if (module.hot) {    
  module.hot.accept('reducers', () => {
    const nextReducer = require('./reducers').default
    store.replaceReducer(nextReducer)
  })
}
  • Проверьте, что вы указали в браузере верный адрес hot-module-replacement сервера и порт.

  • Проверьте в браузере наличие скрипта автообновления.

  • Если вы не используете contentBase, сервер по-умолчанию генерирует файлы в том-же каталоге, что и отдаётся в браузер, проверьте что вы не назвали эти файлы одинаково, попробуйте использовать отдельные каталоги для исходников и сборки.

  • Попробуйте добавить <script src="http://localhost:8080/webpack-dev-server.js"></script> в HTML-индекс.

  • Webpack dev server умеет работать в двух режимах inline и iframe, попробуйте второй - тогда адрес будет http://localhost:8080/webpack-dev-server/index.html

  • Проверьте, обновляются ли файлы в файловой системе, если нет:

  • Добавьте --watch-poll - это поможет обойти баги с нотификациями системы

  • Попробуйте изменить лимит нотификаций:

    echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf ; sudo sysctl -p

3
  • добавил ещё варианты в ответ 26 янв 2017 в 1:13
  • а где вариант что ни один из вариантов не сработает, так как автор реализовавший горячую замену для реакта, немного не в себе? Плагин который требует столько "доработок" не плагин и даже не заготовка, а полная фигня.
    – user220409
    26 фев 2017 в 10:58
  • напишите в спорт-лото 26 фев 2017 в 13:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.