很奇怪的WebPack錯誤

Question

如果我用它來運行：

webpack-dev-server --progress webpack.config.js 

有許多象這樣的錯誤：

ERROR in ./~/chokidar/lib/nodefs-handler.js 
Module not found: Error: Cannot resolve module 'fs' in E:\study\s-webpack\node_modules\chokidar\lib 
@ ./~/chokidar/lib/nodefs-handler.js 3:9-22 

但是，如果我用這些來運行：

webpack-dev-server --progress 
webpack-dev-server --progress --color webpack.config.js 

沒有錯誤。

下面是代碼回購：https://github.com/qlqllu/react-webpack-simple/tree/test

這是一個非常簡單的反應和的WebPack項目。 請使用：

npm run good 
npm run good2 
npm run bad 

來測試。

Answer 1

只需添加到您的webpack配置

node: { 
    fs: "empty" 
} 

瞭解更多關於webpack配置here

然後，它就會像

module.exports = { 
    entry: './main.js', 
    output: { path: __dirname, filename: 'bundle.js' }, 
    module: { 
    loaders: [ 
     { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     query: { 
      presets: ['es2015', 'react'] 
     } 
     } 
    ] 
    }, 
    node: { 
    fs: "empty" 
    } 
};