vue项目的ie兼容问题解决

记vue项目的ie兼容问题解决办法
项目采用若依RuoYi-Cloud框架,结束后运行一段时间被告知在ie下出不来页面,需要适配。ie中运行,无任何报错,在网上找了解决办法然而并没有用,去若依官网看了,演示地址在ie下能正常显示页面,下载了若依官网的git地址,本地ie运行,页面空白,百思不得其解,随后发现若依git上给出的最新版本是3.6。在这里插入图片描述
从演示地址进源码,是3.8的版本在这里插入图片描述
在这里插入图片描述
于是下载3.8的版本本地运行,ie是可以的。此时陷入困惑,不知道改怎么办。
想了想,觉得同一个框架,官网能运行,本地没有安装其他插件也能运行,问题就只能在插件上了,需要排查ie不兼容的插件。于是,本地项目删除了node_modules和package-lock.json的文件,对照若依的package.js,删除所有其他插件(注意将页面所有插件引入的地方也注掉),在运行,报错了
在这里插入图片描述
通过cnpm i sockjs-client@1.5.1 -D命令,降级重新安装sockjs-client版本 ,再次运行,登录页出来了,终于看到了光明啊。
然后接下来一个插件一个插件的安装,安装一个插件,运行一下,看是否能显示页面,是否有报错信息,是否能登录;然后在把相关的页面页面插件引用使用放开,看在ie下是否能正常显示;在我项目的插件中发现js-base64版本过高报错,然后进行了降级处理;至此ie下能显示登录页,能进行登录跳转;然而菜单导航点击报错,无法进行路由跳转,在我网上找了很多方法都没解决,通过在package.js中加了一句话,页面神奇的可以进行跳转了在这里插入图片描述
各个页面点击发现驾驶舱和流程设计页面出不来,然后依次排查,将这两个页面的插件删掉,在依次添加看页面是否有报错,
发现项目引入的json-bigint和bpm相关的插件需要兼容ie,于是在vue.config.js里通过transpileDependencies将需要兼容的插件进行罗列在这里插入图片描述,至此解决了vue的ie兼容问题。
本次问题解决的关键就是,插件卸载–注释页面依赖–插件安装–页面依赖放开,通过这样反复的操作来定位问题,解决问题,当网上提供的办法都没办法解决自己项目出现的问题时,只能从项目本身出发,从项目中发现问题。
应该给自己奖励个大鸡腿才是~~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值