2016-07-27 37 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

這是一個很好的答案,這正是我的問題!!!謝謝! –

相關問題