Почему Webpack-Dev-Server (внутри контейнера докера) обнаруживает изменения файла при использовании с новым проектом шаблона веб-пакета Vue.js CLI?

Question

При запуске нового проекта шаблона Vue.js Webpack с терминала с помощью Vue CLI (я сделал это в контейнере веб-контейнера докеров, который я построил с установленным Vue CLI) с помощью документированных команд запуска (найденных в репо здесь: https://github.com/vuejs-templates/webpack) мой webpack-dev-сервер не обнаруживает изменений в моих файлах.

$ npm install -g vue-cli 
$ vue init webpack my-project 
$ cd my-project 
$ npm install 
$ npm run dev 

После WebPack-DEV-сервер приходит прослушивает 0.0.0.0:8080 я могу получить доступ к серверу, и я вижу правильный образец ви проекта, вынесенный в браузере. ОДНАКО, когда я меняю один из файлов, статус компиляции сервера webpack (контейнерная строка/журналы контейнера) не обновляется, и в браузере изменений не видно.

я видел где-то, что иногда WebPack будет иметь проблемы, если каталог он пытается контролировать имеет дополнительные символы, прикрепленные к нему, но это, кажется, не тот случай, когда я делаю:

$ ls 

Ранее У меня была вся эта настройка, работающая с этим точным контейнером и этим точным проектом, поэтому я знаю, что это не связано с запуском внутри контейнера докеров.

Я столкнулся с этой проблемой при попытке написать документацию, чтобы помочь нашей команде при необходимости запустить новый проект.

Answer 1

Я также столкнулся с этой проблемой при инициализации приложения с помощью vue-cli на моей машине с Windows. Вы можете исправить проблему, обновив webpack с 1.13.2 (поставляется с vue-cli) до 1.14.0.

Редактировать: похоже, что это не сработало полностью. Другое решение, которое, похоже, работает во всех файлах, - это добавить new webpack.OldWatchingPlugin() в качестве дополнительного плагина в webpack.dev.conf.js.