我无法理解“找不到模块：错误：无法解析'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',
  }
};