Webpack hot reloading ENOENT нет такого файла или каталога

Question

Я работаю с Ubuntu в Windows. Я клонировал свежий react-redux-starter-kit. Существует та же проблема с react-redux-universal-hot-example и с моими собственными реализациями.

После npm install Я запустил сервер с npm start, и страница работала отлично.

Как только я отредактировать файл, я получаю следующее сообщение об ошибке:

Unhandled rejection Error: Module build failed: Error: ENOENT: no such file or directory, open '/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/src/main.js' 
    at Error (native) 
    at Compiler.<anonymous> (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/build/webpack.config.js:69:15) 
    at Compiler.applyPlugins (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/tapable/lib/Tapable.js:26:37) 
    at Watching._done (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/Compiler.js:78:17) 
    at Watching.<anonymous> (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/Compiler.js:51:17) 
    at /mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/Compiler.js:403:12 
    at Compiler.next (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/tapable/lib/Tapable.js:67:11) 
    at Compiler.<anonymous> (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/CachePlugin.js:40:4) 
    at Compiler.applyPluginsAsync (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/tapable/lib/Tapable.js:71:13) 
    at Compiler.<anonymous> (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/Compiler.js:400:9) 
    at Compilation.<anonymous> (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/Compilation.js:577:13) 
    at Compilation.applyPluginsAsync (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/tapable/lib/Tapable.js:60:69) 
    at Compilation.<anonymous> (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/Compilation.js:572:10) 
    at Compilation.applyPluginsAsync (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/tapable/lib/Tapable.js:60:69) 
    at Compilation.<anonymous> (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/Compilation.js:567:9) 
    at Compilation.applyPluginsAsync (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/tapable/lib/Tapable.js:60:69) 
    at Compilation.<anonymous> (/mnt/c/Users/xxx/WebstormProjects/react-redux-starter-kit/node_modules/webpack/lib/Compilation.js:563:8) 

файл я редактировал файл, который не был найден (main.js), но файл существует. Я уверен, что есть другие люди с одинаковой проблемой. У кого-нибудь есть проблема?

Я использую последнюю версию Windows Insider Build 14965 с новейшим Ubuntu, но проблема была и в предыдущих версиях.

Answer 1

Обнаружено обходное решение. Вы должны добавить:

watchOptions: { 
    aggregateTimeout: 300, 
    poll: 1000 
} 

К вашему WebPack-DEV-сервера, поскольку в настоящее время WSL не поддерживает прослушивание этих событий. Это работает также для Ruby и других, но с другой конфигурацией.

См. here.

Я думаю, что Microsoft установит этот день.

Answer 2

Для меня, используя Ionic 2, вышеуказанная ошибка была вызвана из-за проблемы чувствительности к регистру импорта.

В моем примере, я делаю следующее:

import { MapRangeModel } from '../model/maprangeModel'; 

, когда он должен был скорее:

import { MapRangeModel } from '../model/mapRangeModel';