背景：

vue引入app-info-parser， Can't resolve 'fs'，ERROR in ./node_modules/app-info-parser/node_modules/bplist-parser/bplistParser.js 等报错处理

第一次使用，顺滑不卡顿，完美；好的，移植到新项目，自信运行，哇塞红了，沉思，复盘，搞他。

 此处省略其余类似报错截图

好吧，秉着去知识的海洋遨游一圈，找找解决问题的心态，毫无疑问，一无所获，行吧自己搞，废话不多说，直接上最终问题跟解决方案

上述截图中的报错，原因是由于在webpack5中移除了nodejs核心模块的polyfill自动引入，所以需要手动引入，如果打包过程中有使用到nodejs核心模块，webpack会提示进行相应配置，此处参考了，其他博主的解决方案，感谢
解决方案

1、安装 node-polyfill-webpack-plugin

npm install node-polyfill-webpack-plugin

2、vue.config.js中修改配置

// 头部引入
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')
configureWebpack: {plugins: [new NodePolyfillPlugin()],
}

到此，一部分报错处理完成，还剩下最无法捉摸的问题，报错如下

 具体原因应该跟上述的原理类似，我试着引入无疾而终，最终靠瞎蒙，引入以下配置

configureWebpack: {resolve: {fallback: {fs: false,},},plugins: [new NodePolyfillPlugin(),],},

完结，撒花，完美使用该插件，谢谢其他博主的启发
 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！