关于Vue在ie10下空白页的debug小结


Posted in Javascript onMay 02, 2018

发现问题

前几天写的一段Vue,在ie下一片空白,f12显示script1003: expected : 。于是就有了这篇文章...

解决过程

baidu、google之,说是json最后一项有多余的逗号,例如

{
 a: 5,
 b: 4, // 最后一项不能有逗号
}

检索修正所有js文件不表,然而情况依旧。。。

没办法了,祭出无敌睿智debug技巧: 全文注释掉,再一行一行解掉注释,终于定位到bug位置: 一个自定义右键菜单的插件(v-contextmenu)有问题。。。

继续先前的睿智debug技巧,终于发现,好几个bug。。。

该插件下,所有对象最后一项都有逗号,导致在ie下不兼容

{
 a: 5,
 b: 4, // 这个逗号要删除
}

该插件的export default语法与ie不兼容(更多关于export default的用法参考这篇文章:https://3water.com/article/108418.htm)

// ie下不支持这种语法
export default {
 bind() {}
}
// 必须在外面定义 function bind() {} 然后
export default {
 bind: bind
}

// 特别告诫,下面这种语法在ie中也是不支持的
export default {
 bind
}

最重要的,这个插件在一个很隐蔽的地方有这么两行代码

if(condition) {
 someArray.push({ a, b })
} else {
 anotherArray.push({ a, b })
}

而{ a, b }这种语法是ie不支持的,必须改成{ a: a, b: b }

一个上午就这么浪费了,你以为我要喷这个插件?我想说,谁用ie谁是狗?

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
关于html+ashx开发中几个问题的解决方法
Jul 18 Javascript
日历查询的算法 如何计算某一天是星期几
Dec 12 Javascript
ListBox实现上移,下移,左移,右移的简单实例
Feb 13 Javascript
原生javascript实现addClass,removeClass,hasClass函数
Feb 25 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
Javascript实现基本运算器
Jul 15 Javascript
angularjs 页面自适应高度的方法
Jan 17 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
Aug 20 Javascript
js实现QQ邮箱邮件拖拽删除功能
Aug 27 Javascript
解析Json字符串的三种方法日常常用
May 02 #Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
May 02 #Javascript
vue中的模态对话框组件实现过程
May 01 #Javascript
vue如何通过id从列表页跳转到对应的详情页
May 01 #Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 #Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
May 01 #Javascript
如何获取TypeScript的声明文件.d.ts
May 01 #Javascript
You might like
php中将时间差转换为字符串提示的实现代码
2011/08/08 PHP
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
2010/06/18 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
2011/01/15 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
js实现简单的计算器功能
2017/01/16 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
前端开发之便利店收银系统代码
2019/12/27 Javascript
微信小程序实现二维码签到考勤系统
2020/01/16 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
2020/02/07 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
WebPack工具运行原理及入门教程
2020/12/02 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Python实现Const详解
2015/01/27 Python
Python计算已经过去多少个周末的方法
2015/07/25 Python
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
Python网络爬虫神器PyQuery的基本使用教程
2018/02/03 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
Python画图高斯分布的示例
2019/07/10 Python
Python实现时间序列可视化的方法
2019/08/06 Python
python logging 重复写日志问题解决办法详解
2020/08/04 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
军训心得体会
2013/12/31 职场文书
大学毕业感言
2014/01/10 职场文书
酒店秘书求职信范文
2014/02/17 职场文书
安全宣传标语口号
2014/06/06 职场文书
Nginx域名转发https访问的实现
2021/03/31 Servers
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS