记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兼容问题。
本次问题解决的关键就是,插件卸载–注释页面依赖–插件安装–页面依赖放开,通过这样反复的操作来定位问题,解决问题,当网上提供的办法都没办法解决自己项目出现的问题时,只能从项目本身出发,从项目中发现问题。
应该给自己奖励个大鸡腿才是~~

GitHub 加速计划 / vu / vue
86
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:5 个月前 )
9e887079 [skip ci] 4 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐