关于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 相关文章推荐
js字母大小写转换实现方法总结
Nov 13 Javascript
jQuery.holdReady()使用方法
May 20 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
10个JavaScript中易犯小错误
Feb 14 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
用react-redux实现react组件之间数据共享的方法
Jun 08 Javascript
如何使用pm2快速将项目部署到远程服务器
Mar 12 Javascript
vue 解决异步数据更新问题
Oct 29 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 28 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
地摊中国 - 珍藏老照片
2020/08/18 杂记
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
thinkphp实现多语言功能(语言包)
2014/03/04 PHP
php动态绑定变量的用法
2015/06/16 PHP
[转]JS宝典学习笔记
2007/02/07 Javascript
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
Jquery焦点与失去焦点示例应用
2014/06/10 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
2016/05/09 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
2016/05/28 Javascript
JS使用onerror捕获异常示例
2016/08/03 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
JSONP基础知识详解
2017/03/19 Javascript
微信小程序之数据缓存的实例详解
2017/09/29 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
2017/10/19 jQuery
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
JavaScript:ES2019 的新特性(译)
2019/08/08 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
Python语言快速上手学习方法
2018/12/14 Python
PyQt5 多窗口连接实例
2019/06/19 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
详解Ubuntu环境下部署Django+uwsgi+nginx总结
2020/04/02 Python
PyCharm Ctrl+Shift+F 失灵的简单有效解决操作
2021/01/15 Python
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
银行实习生的自我评价
2014/01/13 职场文书
女方回门宴答谢词
2014/01/14 职场文书
餐饮采购员岗位职责
2014/03/15 职场文书
大学生村官座谈会发言材料
2014/05/25 职场文书
活着观后感
2015/06/03 职场文书
教师节获奖感言
2015/07/31 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
Ajax常用封装库——Axios的使用
2021/05/08 Javascript
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL