vue引入app-info-parser报错的处理办法
vue引入app-info-parser, Can't resolve 'fs',ERROR in ./node_modules/app-info-parser/node_modules/bplist-parser/bplistParser.js 等报错处理
·
背景:
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(),
],
},
完结,撒花,完美使用该插件,谢谢其他博主的启发
更多推荐
已为社区贡献2条内容
所有评论(0)