700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue报错:If you want to include a polyfii you can use an empty module like this:resolve.fallback

vue报错:If you want to include a polyfii you can use an empty module like this:resolve.fallback

时间:2022-06-14 04:29:32

相关推荐

vue报错:If you want to include a polyfii you can use an empty module like this:resolve.fallback

背景:

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(),],},

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。