javascript - 我无法理解 "Module not found: Error: Can' t 解析 'fs' '"

Question

利用一点空闲时间，我尝试使用我喜欢的新网络技术(Typescript、Pug 和 React)重新设计我的一个旧项目。一切正常，直到我尝试将 pug.js 与 babel-plugin-transform-react-pug 混合在一起。

无论我如何摆弄配置，我都无法让构建阶段正常工作并出现以下错误:

ERROR in ./node_modules/uglify-js/tools/node.js
Module not found: Error: Can't resolve 'fs'

ERROR in ./node_modules/resolve/lib/sync.js
Module not found: Error: Can't resolve 'fs'

ERROR in ./node_modules/resolve/lib/async.js
Module not found: Error: Can't resolve 'fs'

ERROR in ./node_modules/pug-load/index.js
Module not found: Error: Can't resolve 'fs'

ERROR in ./node_modules/jstransformer/index.js
Module not found: Error: Can't resolve 'fs'

ERROR in ./node_modules/clean-css/lib/reader/load-original-sources.js
Module not found: Error: Can't resolve 'fs'

ERROR in ./node_modules/clean-css/lib/reader/apply-source-maps.js
Module not found: Error: Can't resolve 'fs'

ERROR in ./node_modules/clean-css/lib/reader/read-sources.js
Module not found: Error: Can't resolve 'fs'  

代码全部在 https://github.com/Hedgestock/Wikiwar 中

以下是重现错误的方法:

• 转到 frontend 文件夹的根目录，
• 进行安装 (npm i)
• 使用 npx webpack 构建

有人可以告诉我我做错了什么吗？预先感谢您。

Answer 1

当您的平台不支持文件系统时，您也可能会遇到此问题。因此，请尝试将此行添加到您的 webpack.config.js 中以添加相应的 pollyfills:

module.exports = {
  //...
  node: {
    fs: 'empty',
  }
};