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

二 解决过程

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

Logo

前往低代码交流专区

更多推荐