很奇怪的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" 
    } 
};