Javascript 网页包开发服务器可以';无法检测嵌套文件夹中的文件更改

Javascript 网页包开发服务器可以';无法检测嵌套文件夹中的文件更改,javascript,webpack,webpack-dev-server,Javascript,Webpack,Webpack Dev Server,我的项目使用webpack dev server v1.14.1,整个项目结构如下: |----src | |----index.js | |----components | | |----a.js | |----containers | |----sub-containers | |----b.js | |----package.json |----webpack.config.dev.js

我的项目使用webpack dev server v1.14.1,整个项目结构如下:

|----src
|     |----index.js
|     |----components
|     |     |----a.js
|     |----containers
|           |----sub-containers
|                 |----b.js 
|     
|----package.json
|----webpack.config.dev.js
但是,当我运行命令“webpack dev server--inline”时,服务器只能捕获.js文件中的更改。它会忽略b.js文件中的更改。
有什么想法吗?

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

import B from "./containers/sub-containers/B";
我将文件名“b”大写。然而,webpack没有对此抱怨,可以解决此导入问题。它只会使b.js中的更改热重新加载无效。将其更改为:

import B from "./containers/sub-containers/b"
现在可以了!:)


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

您有哪种操作系统?我发现webpack dev服务器在Windows中的更改检测非常脆弱,因为它没有使用成熟的文件系统监视程序。我怀疑它与嵌套结构有关,但事实上它并不总是起作用。@Jacob我在Mac OS 10.9(Mavericks)上,也许文件监视也一样糟糕?只是为了确保,试着做一个改变,保存,做一个改变,保存,多次。有时,我不得不在开发服务器注意到之前发送带有更新的垃圾邮件。只是想排除它实际上与您的文件结构有关,我没有观察到。是的,尝试了多次,结果是一致的。它总是无法捕获a.js中的更改,但可以成功地检测到b.js中的更改。我还尝试在a.js的兄弟文件中进行更改,得到了相同的结果。这也是我第一次看到这种嵌套结构问题@雅各布:你如何导入
b.js
?@MrJSingh完全鼓励自己回答问题。让别人知道你的问题是什么没有问题。在这种情况下,我很高兴OP能给出他们的答案,它帮助我解决了我的问题。请不要建议不要再自我回答了。我也有同样的问题。将文件夹重构为以小写字母而不是大写字母开头。所有的东西都还在工作,所以我不想再检查我的进口我想我可能花了一段时间才发现我错过了。谢谢:p