2016-07-27 56 views
1

文件的变化,我用我的项目的WebPack-DEV-服务器v1.14.1和整个项目结构如下:的WebPack-DEV-服务器无法检测嵌套文件夹

|----src 
|  |----index.js 
|  |----components 
|  |  |----a.js 
|  |----containers 
|   |----sub-containers 
|     |----b.js 
|  
|----package.json 
|----webpack.config.dev.js 

然而,当我运行命令“webpack-dev-server --inline”时,服务器只能捕获a.js文件中的更改。它忽略了b.js文件中的更改。 有什么想法?

+0

你有哪个操作系统?我发现webpack dev服务器的变化检测在Windows中非常脆弱,因为它没有使用完整的文件系统监视器。我怀疑它与嵌套结构有关,但事实上它并不一致。 – Jacob

+0

@Jacob我在Mac OS 10.9(小牛) – wei

+0

也许看文件一样糟糕?只是为了确保,请尝试多次更改,保存,更改和保存。有时候我必须在dev服务器发出通知之前用更新发送一个文件。只是想排除它实际上与您的文件结构有关,我没有注意到它。 – Jacob

回答

4

问题解决了!这是由src/index.js文件中的错误导入引起的。我以错误的方式导入b.js:

import B from "./containers/sub-containers/B"; 

我大写了文件名“b”。但是,webpack并没有抱怨这个问题,可以解决这个问题。它只对b.js中的更改进行热重新加载不起作用。改成后:

import B from "./containers/sub-containers/b" 

它现在的作品! :)

注意:我仍然很好奇为什么webpack可以解决错误的文件名。还是不区分大小写?

+1

@MrJSingh自我回答自己的问题是完全鼓励的,让其他人知道你的问题是没有问题的,在这种情况下,我很高兴OP可以提出他们的答案,它帮助我解决了我的问题。自我回答 –

+1

这是一个很好的答案,这正是我的问题!!!谢谢! –