vue项目IE浏览器中打不开,为空白页
其实这个项目已经上线了,之前测过IE11的情况,而且运行良好,但是不知道最近这一次发版是改出了什么问题,IE中竟然空白了!
也不报错,也没有任何警示之类的。
1.先自己溜了一遍有可能是什么原因……找不到原因。
2.百度找网友,大部分都提到 babel-polyfill,我也想到这个,因为之前每次起项目的时候,npm都会报出一个相关警告,只不过是警告,就没太关注。找了下项目中的相关代码,发现是有安装这个的,难道是版本出了问题?于是把依赖都删掉,重新装了一遍(相当费时间)。结果:还是不行
3.再找找蛛丝马迹吧。打开IE控制台仔细研究了下,对比谷歌发现IE中加载到如下(因为IE实在太卡了,不想再打开了,直接在谷歌中截图了)资源之后,后面的就加载不出来了。
打开这个js看一下都有什么东西:
里面有安装的依赖打的包,还有各个打包后的vue文件,联想到是最近更新了一些功能之后才出现的bug,那有没有可能是哪个文件中写了一些IE中不兼容的语法呢?
抱着这个想法,去路由文件中测了一下。先做好一个备份,然后把路由文件中import进来的vue全都删掉,只留一个登录页……然后,,登录页终于出来了!感谢风感谢云,弄了一个上午加一个多小时,终于摸到点门路了。
顺着这个思路,找SVN提交上去的记录,最后!找到了这个罪魁祸首!
比较注释的地方,有没有看出来点什么?
href写了两种,一个是值,一个是变量,在谷歌上面不报错,IE上也不报错,但是IE上他就出不来了。
同事提了个好问题:class没有问题吗?
亲测:class没有问题!
我印象中这种重复属性,谷歌也会报错来着,编译都不能进行下去,于是我再测了一下
注释掉的第二种就是测试的语句,嗯,编译毫无意外的报错了……
不过假如第一种情况在IE中不报错,最后很顺利的上线了,但实际上这种写法,也会让人很疑惑,相当于禁掉href,又再次赋值href(应该是自己作的死,手抖==)
以此留念,引以为戒
vue项目IE浏览器中打不开,为空白页相关推荐
- 解决vue项目在浏览器中打开后,#后面的链接被截取的问题
在做微信公众号下载的时候遇到了这个问题: 微信公众号下载,做的是弹框提示,在浏览器中打开,结果在手机浏览器中打开的总是#之前的链接: 例如:http://yy2jd7.natappfree.cc/#/ ...
- Vue项目在标签中如何书写多个内敛style样式
Vue项目在标签中如何书写多个内敛style样式 例如:对一个数组进行循环,我想给偶数项的添加红色背景,奇数项的添加蓝色背景,这时候就可以用v-bind:style="[]",详细 ...
- vue项目在vscode中编译eslint报错没显示红色波浪线提示
vue项目在vscode中编译eslint报错没显示红色波浪线提示. 如下图所示: 下图是预期效果: 不符合Eslint校验规则的代码位置都能展示出来,这样一目了然.能帮助我们迅速找到报错的位置. 然 ...
- 解决vue项目在ie、360兼容模式下空白页面问题
完美解决vue项目在ie.360兼容模式下空白页面,并提示语法错误的原因 艰难路程 解决办法 艰难路程 事实上,很多人在做项目的过程中很多存在同一个问题,于是去百度了,但是用同样的解决方法不一定就能解 ...
- 打包后index.html路径错误,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题 2018年05月23日 10:05:35 for_weber 阅读数:14179 Vue项目运行npm run buil ...
- 在chrom浏览器中仅用键盘快速打开书签页的方式
在chrom浏览器中仅用键盘快速打开书签页的方式 第一步:打开书签页管理器 ctrl+shift+O 第二部:在聚焦框中输入要搜索的书签页 第三步:找到之后,连续按Tab键,使光标开始移动 第四部:光 ...
- 在Word中如何删除顽固的空白页
在Word中如何删除顽固的空白页 定位到所需要删除的空白页 打开段落[选项卡] 然后把[固定值]设置为1就可以直接删除了 就是这么简单!!
- vue项目在IE中显示空白,报错:vuex requires a Promise polyfill in this browser
问题描述 vue项目在非IE内核的浏览器中显示正常,在IE内核浏览器中报错,并显示空白.报错如下: SCRIPT5022: [vuex] vuex requires a Promise polyfi ...
- Vue项目修改浏览器滚动条样式
Vue+Element组件修改浏览器滚动条样式 前言:在Vue项目中会有使用到滚动条的情况,但是会遇到原生滚动条的样式不满足UI设计,因此需要改变滚动条的样式,下面使用两种方式来修改滚动条的样式,以V ...
- vue项目修改浏览器图标以及标题
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图标. 目前vue-cli ...
最新文章
- [HAOI 2018]染色
- Spring 自动装配模式之byType
- vue-cli3构建项目时elementUI按需引入问题
- java多级目录文件是否存在_Java文件夹操作,判断多级路径是否存在,不存在就创建(包括windows和linux下的路径字符分析)...
- springboot整合redisson实现多种分布式锁
- linux创建软连接记录
- 拿来即用的 Python LDAP 实现类
- 关于System.identityHashCode(obj) 与 obj.hashcode()
- 假定CSomething是一个类,执行下面这些语句之后,内存里创建了____个CSomething对象。...
- 中文分词:采用二元词图以及viterbi算法(一)
- SQLMAP 注入教程
- oracle是什么数据库管理系统,数据库管理系统
- 2021.5.10-2021.5.16周报
- 「Spring Boot」接口幂等性的4种实现方案
- TaWRKY19/61/82激活糖转运蛋白TaSTP3从而增强小麦条锈病敏感性
- 8,verilog基本逻辑运算
- RHCSA——第四天
- MySQL 设计与开发规范
- [Android]手机短信验证功能
- OSChina 周四乱弹 ——裤子穿反就被开除了?