IE浏览器下,VUE项目页面打开空白

一 问题描述
今天偶然用IE打开所做后台系统,发现居然空白一片!!!什么都没有,好可怕,事故现场如下:
IE空白截图
于是开始各种百度,首先百度到的是由于IE不能识别ES6语法,故不能正常渲染。解决办法安装babel-polyfill依赖即可。但这个操作早在之前用IE打开空白时,就安装了解决。如今又出现了,真是百思不得其解。

二 解决过程

在这里插入图片描述只能从报错下手了,控制台点击第一个报错信息,发现跳转过来是编译文件~~ 不知道从何下手,以前从来没有尝试过通过大片大片的编译文件下手,毕竟看到就很崩溃。。。后来,但是现在真得是走头无路了,仔细看会发现,跳转过来光标停留的位置,上图红色箭头那里,再仔细查看所在段代码中出现了ELCol这个组件名,乍一眼觉得没问题,应该是element-ui中的el-col,经查询后发现项目中多个组件内部都import了ELCol这个组件,但实际上main.js中已全局引用了element-ui的组件,在其他组件使用时并不需要单独引入了,将其去掉后,果然错误消除了。
在这里插入图片描述于是开始定位最后一个报错信息,同理,该段出现了两个current-page,这和错误提示相应。全局搜索所有用到current-page的地方,果然有一处分页处两次使用了这个属性。解决这两个问题后,问题解决。可以正常显示登录页面。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值