背景:

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

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

Logo

前往低代码交流专区

更多推荐