位置: IT常识 - 正文

【已解决】VUE3+webpack >5报错问题

编辑:rootadmin
【已解决】VUE3+webpack >5报错问题 问题截图:

推荐整理分享【已解决】VUE3+webpack >5报错问题,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

This is no longer the case. Verify if you need this module and configure a polyfill for it.If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "process": require.resolve("process/browser") }' - install 'process'If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "process": false } @ ./src/App.vue?vue&type=script&lang=js 1:0-189 1:0-189 1:190-368 1:190-368 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 6:49-55 @ ./src/main.js 4:0-28 6:22-25webpack compiled with 1 error问题描述:

查了很多资料发现是因为webpack版本引起的,在webpack5中移除了nodejs核心模块的polyfill自动引入,具体可查看这篇文章

https://wenku.baidu.com/view/7b8427ebd938376baf1ffc4ffe4733687f21fc5d.html

【已解决】VUE3+webpack >5报错问题

通过对日志的分析因为有其他组件引用到了 polyfills 的核心组件并没有安装,所以报错了,这里需要执行 npm install 命令进行包安装即可。

原因是由于在webpack5中移除了nodejs核心模块的polyfill自动引入,所以需要手动引入

解决方案:

1、运行下面这行指令,安装在 Webpack 中 Polyfill Node.js 核心模块。

npm install node-polyfill-webpack-plugin

 2、在vue.config.json中添加(本文作者没有用到这一步,用第一步命令安装后就可以运行)

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

 完整vue.config.json文件如下:

const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')module.exports = defineConfig({ configureWebpack: { plugins: [new NodePolyfillPlugin()] }})参考文章: 因webpack版本引起的系列报错问题

https://blog.csdn.net/qq_49490164/article/details/125183845

@vue/cli 4 升级 @vue/cli 5 node.js polyfills 错误

https://blog.csdn.net/qiaohuyue/article/details/124885563

安装命令介绍:

https://www.npmjs.com/package/node-polyfill-webpack-plugin

本文链接地址:https://www.jiuchutong.com/zhishi/290768.html 转载请保留说明!

上一篇:Javan tree frogs sitting together on a stalk in Indonesia (© SnapRapid/Offset by Shutterstock)

下一篇:vue3 router配置有关parent报null 的错误问题(vue-router)

  • 小规模企业所得税计算
  • 小规模纳税人收到专票后如何处理
  • 付款给对方未开具发票
  • 5个点的税率是多少
  • 新公司法注册资本认缴制
  • 融资发票是什么
  • 企业怎么申请无运输工具承运资质
  • 已提完折旧车辆可以卖吗
  • 实收资本退还
  • 小规模企业营业税
  • 应税行为扣除额期初余额
  • 工具器具属于固废吗
  • 房地产企业人防设备计入什么科目
  • 员工差旅补贴是否需要发票
  • 企业搬迁至外地怎么办理
  • 是否所有电池产品都需在进口环节缴纳消费税?
  • 废旧物资收购发票
  • 退休职员工伤补助金放哪个科目?
  • windows家庭版最新版本
  • Win10 20H2 KB5001391补丁包更新内容汇总
  • 成本核算怎么做账
  • 怎样提取word中的图片
  • php apc
  • php ftp功能
  • 从对公账户取现金有什么影响
  • 企业职工福利费的扣除标准是多少?
  • 微信用不升级
  • php新手入门教程
  • 非营利组织营利包括哪些
  • 日本的萤火虫
  • php怎么写接口给别人调用
  • WordPress中设置视频循环播放
  • flex布局实战
  • 延期交房补偿协议
  • pyqt5如何安装
  • python中time模块的用法
  • 存货盘点调整表怎么做分录
  • 小规模纳税人购入货物收到增值税专用发票
  • 酒店的销售费用和管理费用如何进行区分
  • 交所得税怎么记账
  • sql实例命名规则
  • 报销业务招待费是什么凭证
  • 劳务派遣公司必须有劳务派遣证吗
  • 改革性补贴是否纳入团费基数
  • 固定资产资本化后续支出
  • 对公账户转到个人账户怎么做账
  • 应付劳务费怎么做账
  • 原材料报废收入账务处理
  • 小规模的认定标准
  • 以前年度损益调整怎么做账
  • 员工缴纳工伤保险怎么赔偿
  • 应交税费属于什么科目借方
  • 材料自产自销的会计科目
  • 什么是雇主责任险保单
  • 金税盘发票认证怎么操作流程
  • 公司投资款怎么算
  • 诉讼费用负担原则是什么
  • 其他应付款长期挂账违反什么规定
  • sql server2019数据库
  • sql server233错误
  • 如何远程连接小米摄像头
  • sqlyog语句
  • 了解的反义词
  • windows7 设置
  • win8.1怎么设置
  • windows8应用商店在哪
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • xp磁盘空间不足怎么办
  • opengl数据类型
  • Android: Receiving Data from the Send Intent,将自己的app注册系统分享
  • 如何编写一个完整的教学目标
  • JQuery实现Ajax加载图片的方法
  • unity soket
  • jqueryui
  • jq cookie
  • python语言中
  • ajax实现无刷新
  • 报价单盖什么公章
  • 国家电子税务总局重庆电子税务局
  • 税务登记制度是对纳税人识别的完善
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设