vue项目IE浏览器中打不开,为空白页

其实这个项目已经上线了,之前测过IE11的情况,而且运行良好,但是不知道最近这一次发版是改出了什么问题,IE中竟然空白了!

也不报错,也没有任何警示之类的。

1.先自己溜了一遍有可能是什么原因……找不到原因。

2.百度找网友,大部分都提到 babel-polyfill,我也想到这个,因为之前每次起项目的时候,npm都会报出一个相关警告,只不过是警告,就没太关注。找了下项目中的相关代码,发现是有安装这个的,难道是版本出了问题?于是把依赖都删掉,重新装了一遍(相当费时间)。结果:还是不行

3.再找找蛛丝马迹吧。打开IE控制台仔细研究了下,对比谷歌发现IE中加载到如下(因为IE实在太卡了,不想再打开了,直接在谷歌中截图了)资源之后,后面的就加载不出来了。

vue项目IE浏览器中打不开,为空白页_第1张图片

打开这个js看一下都有什么东西:

vue项目IE浏览器中打不开,为空白页_第2张图片

里面有安装的依赖打的包,还有各个打包后的vue文件,联想到是最近更新了一些功能之后才出现的bug,那有没有可能是哪个文件中写了一些IE中不兼容的语法呢?

抱着这个想法,去路由文件中测了一下。先做好一个备份,然后把路由文件中import进来的vue全都删掉,只留一个登录页……然后,,登录页终于出来了!感谢风感谢云,弄了一个上午加一个多小时,终于摸到点门路了。

顺着这个思路,找SVN提交上去的记录,最后!找到了这个罪魁祸首!

比较注释的地方,有没有看出来点什么?

href写了两种,一个是值,一个是变量,在谷歌上面不报错,IE上也不报错,但是IE上他就出不来了。

同事提了个好问题:class没有问题吗?

亲测:class没有问题!

我印象中这种重复属性,谷歌也会报错来着,编译都不能进行下去,于是我再测了一下

注释掉的第二种就是测试的语句,嗯,编译毫无意外的报错了……

不过假如第一种情况在IE中不报错,最后很顺利的上线了,但实际上这种写法,也会让人很疑惑,相当于禁掉href,又再次赋值href(应该是自己作的死,手抖==)

以此留念,引以为戒

你可能感兴趣的:(vue)