我无法理解“找不到module:错误:无法解析‘fs’”

IT技术 javascript reactjs typescript webpack babeljs
2021-05-07 21:48:09

有一点空闲时间,我尝试用我喜欢的新网络技术(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

有人能告诉我我做错了什么吗?先感谢您。

1个回答

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

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