webpack报错Cannot resolve module 'fs' 'net' 'tls'这个怎么处理？

Question

ERROR in (webpack)-dev-server/~/express/~/send/~/destroy/index.js
Module not found: Error: Cannot resolve module 'fs' in /home/tigerb/github/easy-vue/node_modules/webpack-dev-server/node_modules/express/node_modules/send/node_modules/destroy
 @ (webpack)-dev-server/~/express/~/send/~/destroy/index.js 14:17-30

ERROR in (webpack)-dev-server/~/sockjs/~/faye-websocket/lib/faye/websocket/client.js
Module not found: Error: Cannot resolve module 'net' in /home/tigerb/github/easy-vue/node_modules/webpack-dev-server/node_modules/sockjs/node_modules/faye-websocket/lib/faye/websocket
 @ (webpack)-dev-server/~/sockjs/~/faye-websocket/lib/faye/websocket/client.js 2:10-24

ERROR in (webpack)-dev-server/~/sockjs/~/faye-websocket/lib/faye/websocket/client.js
Module not found: Error: Cannot resolve module 'tls' in /home/tigerb/github/easy-vue/node_modules/webpack-dev-server/node_modules/sockjs/node_modules/faye-websocket/lib/faye/websocket
 @ (webpack)-dev-server/~/sockjs/~/faye-websocket/lib/faye/websocket/client.js 3:10-24

Answer 1

在webpack.config中加上

node: {
  fs: "empty"
}

详见：webpack wiki

Answer 2

我在使用scss-loader也出现了这个问题，
node: {
fs: "empty"
}
添加了这个以后，直接跳过了编译，确实不报错了，你解决了吗？

Answer 3

我也遇到类似的问题，后来仔细查找发现两个地方的问题，修改后就好了。

1. 第一个问题是我少安装了一个插件 比如, cnpm install --save-dev uglifyjs-webpack-plugin
2. 第二个问题是我的scripts书写有误, "package.json" 中 "start": "webpack-dev-server -- open --config webpack.dev.js", -- 与 open 之间多了一个空格, 移除这个空格。

修复以上问题后，就没有再报错了。

我当时的报错截图如下:

Answer 4

肯定是你前端用了后端的库。我遇到过，在react里引入require('NET') net是服务端的api。所以报错。

net库和fs库都是chrome的v8引擎之外的写给nodejs用的。是用在服务端，而不是浏览器你的前端，你在前端渲染。肯定就加载不了这个模块了。我这样认为。

Answer 5

确保本地 node_moudles 下已经安装了问题中提到的三个模块。
如果 package.json 中有定义这个依赖，直接 npm i 即可

Answer 6

这三个模块是nodejs内置的，不该打包的，你看下哪里引用到了

Answer 7

我同意angola的观点，我也遇到了这个问题。但可以肯定的是fs是内置的模块。检查一下是否有符号错误。