webpack --watch не компилирует измененные файлы

Question

webpack --watch не компилирует измененные файлы

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

Я пробовал переустановить webpack С помощью npm uninstall но это все еще не работает.

какие идеи?

754 25

javascript webpack fsevents

25 ответов:

Comments

Ничего не найдено.

Ben Mosher · Accepted Answer · 2015-02-19 20:31:09

FYI: кажется, OS X может иметь папку поврежден и больше не отправлять fsevents (где watchpack/chokidar / Finder использует) для себя и любых дочерних папок. Я не могу быть уверен, что это то, что случилось с вами, но это было очень неприятно для меня и коллеги.

мы смогли переименовать поврежденную родительскую папку, а затем сразу же посмотреть события, как и ожидалось. См. это сообщение в блоге для получения дополнительной информации: http://feedback.livereload.com/knowledgebase/articles/86239-os-x-fsevents-bug-may-prevent-monitoring-of-certai

рекомендуемые исправления из приведенной выше ссылки:

перезагрузка компьютера

проверка диска и восстановление разрешений с помощью дисковой утилиты

добавление папки в список конфиденциальности Spotlight (список папок, которые не индексируются), а затем удаление из него, эффективно заставляя переиндексация

переименование папки, а затем, возможно, переименование ее обратно

повторное создание папки и перемещение старого содержимого обратно в нее

первые два не работали для нас, не пробовали предложение Spotlight, и воссоздание не оказалось необходимым.

мы смогли найти корневую папку проблемы, открыв Finder и создавая файлы в каждой последующей родительской папке, пока один не появился сразу (так как Finder также получит обливание этой ошибкой). Виновником является самая корневая папка, которая не обновляется. Мы просто mv ' d это и mv ' d он вернулся к своему первоначальному названию, а затем наблюдатель работал.

не знаю, что вызывает коррупцию, но я просто рад, что есть исправление.

César · Accepted Answer · 2015-11-05 08:07:34

Если ваш код не перекомпилируется, попробуйте увеличить количество наблюдателей (в Ubuntu):
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
Источник:https://webpack.github.io/docs/troubleshooting.html

Chris · Accepted Answer · 2018-04-23 20:37:35

У меня была эта проблема при работе с WebStorm.

отключение Настройки - > Системные настройки - > "безопасная запись" решить это для меня.

нашел рекомендацию сделать так: Устранение Неполадок WebPack

CoderBriggs · Accepted Answer · 2017-08-13 00:31:38

добавление следующего кода в мой файл конфигурации webpack исправило проблему для меня, надеюсь, это поможет.
watchOptions: {
  poll: true
}

Les · Accepted Answer · 2016-01-29 05:58:59

просто добавить к возможным решениям: У меня была папка проекта внутри папки Dropbox, перемещение ее решило проблему для меня. (OS X)

Liam Horne · Accepted Answer · 2015-03-08 05:54:35

одна проблема заключается в том, что если ваш путь не абсолютный, то такие вещи, как это произойдет. Я случайно установил resolve.root до ./ вместо __dirname и это заставило меня тратить много времени на удаление и повторное создание файлов, как парни выше меня.

Angelo Selvini · Accepted Answer · 2016-04-06 02:34:26

при изменении fs.через inotify.max_user_watches as pointend out by César все еще не работает попробуйте использовать опрос вместо собственных наблюдателей, создав свой скрипт, как показано в docs или запуск webpack с --watch --watch-poll параметры.

alcedo · Accepted Answer · 2014-11-03 07:40:24

обновления: удаление всего каталога и клонирование git заново из РЕПО устраняет мою проблему.

rosenfeld · Accepted Answer · 2016-02-23 19:13:28

Если вы используете Vim, вы должны попробовать установить backupcopy на Да, а не на авто по умолчанию. В противном случае Vim иногда переименует исходный файл и создаст новый, который испортит webpack watch:

https://github.com/webpack/webpack/issues/781

просто добавьте это в настройки vim, если это так:

set backupcopy=yes

mk8374876 · Accepted Answer · 2017-02-07 21:44:39

обратите внимание, что если вы запустите webpack на виртуальной машине (Vagrant / Virtualbox) и измените свои файлы на хост-платформе, обновления файлов в общей папке могут не вызвать inotify на Ubuntu. Это приведет к тому, что изменения не будут подобраны webpack.

посмотреть: билет Virtualbox #10660

в моем случае редактирование и сохранение файла на de guest (в vi) вызвало запуск webpack. Редактирование на компьютере (в PhpStorm, Notepad или любого другого приложения) dit не запускает webpack, что бы я ни делал.

Я решил это с помощью бродяга-fsnotify.

Paulo Bruckmann · Accepted Answer · 2017-12-04 02:29:49

У меня была такая же проблема на a .файл vue. Когда сервер перезагружен, все работало нормально, но при следующем сохранении он не перекомпилируется. Проблема была в пути к файлу импорта,который имел одну заглавную букву. Это очень трудно понять эту проблему, потому что все работает на перезагрузке сервера. Проверьте случае вашем пути.

Mike Cheel · Accepted Answer · 2018-02-07 01:59:34

Он не перекомпилировался для меня, но потом я понял / вспомнил, что webpack наблюдает за графом зависимостей, а не только за папкой (или файлами). Конечно, файлы, которые я менял, еще не были частью этого графика.

Acker Apple · Accepted Answer · 2016-03-24 17:34:01

Йоу!!!! Чувствительность к регистру папок была моей проблемой. Мои кодовые вызовы require () имели все имена путей в нижнем регистре, но на самом деле каталоги имели в них заглавную букву. Я переименовал все мои каталоги в нижний регистр, и просмотр webpack работал мгновенно. YESssssssssssssss!!!!! _AckerApple

AotearoaCoder · Accepted Answer · 2017-08-23 20:08:56

способ, которым я решил проблему, заключался в поиске ошибки капитализации в пути импорта. Папка в файловой системе имела строчную первую букву, путь импорта был прописным. Все скомпилировано нормально, так что это был просто веб-пакет часы включают проблему.

Alberto Oliveira · Accepted Answer · 2018-03-15 03:07:41

работайте на меня в Laravel Homestead
--watch --watch-poll

lisafrench · Accepted Answer · 2018-08-21 16:29:52

для меня создание папок и файлов в VS-коде было проблемой. Чтобы исправить это, я повторно клонировал свое РЕПО и на этот раз создал новые папки и файлы через командную строку вместо кода. Я думаю, что код развращал файлы по какой-то причине. Я видел приложение только что обновлено, так что, возможно, это новая ошибка.

mat · Accepted Answer · 2017-04-15 15:57:10

У меня та же проблема. И я замечаю, что это не компиляция, потому что моя папка содержит какой-то символ(*). И с помощью старого плагина watcher, кажется, решить эту проблему. Добавьте эту строку в файл конфигурации webpack.
plugins: [
    new webpack.OldWatchingPlugin()
  ]

wwayne · Accepted Answer · 2016-12-24 17:36:09

возможное решение: изменение контекст в папке app.

у меня были все мои файлы конфигурации webpack в подпапке:
components/
webpack/
 development.js
app.js
на webpack/development.js, set context: path.join(__dirname, '../') решить мою проблему.

utxeee · Accepted Answer · 2017-01-04 00:34:41

попробовав несколько стратегий для решения этой проблемы, я просто сдался, но затем, решая другую проблему, я попытался снова и внезапно--watch флаг наконец-то работал.

честно говоря, я не знаю, что конкретно заставило его работать, но после выполнения следующих шагов он просто начал работать:
1. Install most recent gcc version
$ sudo port install gcc48
$ sudo port select --set gcc mp-gcc48

2. Install most recent clang version
$ sudo port install clang-3.6
$ sudo port select --set clang mp-clang-3.6

3. Export variables holding the patch to C and C++ compiler
$ export CC=/opt/local/bin/clang
$ export CXX=/opt/local/bin/clang++
возможно, во время установки этих пакетов какая-то зависимость просто добавила недостающую часть головоломки, которая знает...

надеюсь, что это поможет всем, кто борется там, чтобы заставить его работать.

skiabox · Accepted Answer · 2017-03-26 18:28:49

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

https://github.com/gajus/write-file-webpack-plugin

описание : Заставляет программу webpack-dev-server записывать файлы пакетов в файловую систему.

установка :
npm install write-file-webpack-plugin --save-dev

itumb · Accepted Answer · 2017-06-13 12:48:34

У меня была аналогичная проблема, ни webpack, ни rollup в watch mode ware не ловили изменения, которые я сделал. Я узнал, что это была в основном моя вина, как я менял модуль (.tsx file), который еще не был импортирован в любом месте приложения (например, приложение.ts, который является точкой входа), и я ожидал, что инструменты сборки сообщат об ошибках, которые я сделал там.

Moe Elsharif · Accepted Answer · 2018-02-27 16:09:58

для меня удаление node_modules и делать npm install или yarn снова, чтобы установить все пакеты решили проблему

adam west · Accepted Answer · 2018-08-28 23:26:56

попробуйте изменить --watch до -d --watch

работал для меня

skiabox · Accepted Answer · 2016-10-03 01:51:39

простое решение на MacOS заключается в следующем:

откройте два окна терминала в том же каталоге, в котором находится ваш проект.

в первом окне терминала выполните команду : webpack-смотреть

во втором терминале windows запускается: webpack-dev-server

Я пробовал много возможных решений, и это, кажется, самый надежный

Julia · Accepted Answer · 2018-08-21 16:59:16

дело в том, что webpack загружает скрипт из какого-то странного url: webpack:/// который кэшируется. Вы должны добавить версию в конце сценария, чтобы предотвратить кэширование: main-compiled.js?v=<?php echo time()?>"