JavaScript

超轻量级php框架startmvc

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

更新时间:2020-07-07 22:12:01 作者:startmvc
发现问题前几天写的一段Vue,在ie下一片空白,f12显示script1003:expected:。于是就有了这篇文

发现问题

前几天写的一段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的用法参考这篇文章://www.jb51.net/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谁是狗🐶

总结

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

vue ie打开空白页 vue 打包后空白页 vue 在ie9 空白页
基础信息
请求
SQL查询
加载文件
配置
错误
总耗时: 93.45ms 内存: 97.11KB
请求方法: GET
请求URI: /article_34036.html
控制器: index
方法: index
PHP版本: 8.0.26
服务器: nginx/1.24.0
GET参数
无GET参数
POST参数
无POST参数
请求头
Accept-Encoding: gzip, br, zstd, deflate
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
Accept: */*
Host: startmvc.com
Content-Length:
Content-Type:
Cookie
无Cookie数据
SELECT id,name FROM sm_article_category 0.00ms
SELECT a.id,a.category_id,a.title,a.keywords,a.description,a.update_time,ac.content FROM sm_article as a JOIN sm_article_content as ac ON ac.article_id = a.id WHERE a.id = '34036' LIMIT 1 0.00ms
SELECT tag_id FROM sm_tag_article WHERE article_id = '34036' 0.04ms
select id,title from sm_article where id in (select article_id from sm_tag_article where tag_id=8888) and status=1 order by id desc limit 20 0.00ms
总计:4 条SQL语句 总耗时:0.04 ms
1. /www/wwwroot/startmvc.com/public/index.php
2. /www/wwwroot/startmvc.com/startmvc/boot.php
3. /www/wwwroot/startmvc.com/startmvc/function.php
4. /www/wwwroot/startmvc.com/vendor/autoload.php
5. /www/wwwroot/startmvc.com/vendor/composer/autoload_real.php
6. /www/wwwroot/startmvc.com/vendor/composer/platform_check.php
7. /www/wwwroot/startmvc.com/vendor/composer/ClassLoader.php
8. /www/wwwroot/startmvc.com/vendor/composer/autoload_static.php
9. /www/wwwroot/startmvc.com/startmvc/core/Config.php
10. /www/wwwroot/startmvc.com/config/common.php
11. /www/wwwroot/startmvc.com/startmvc/core/Session.php
12. /www/wwwroot/startmvc.com/startmvc/core/App.php
13. /www/wwwroot/startmvc.com/startmvc/core/Exception.php
14. /www/wwwroot/startmvc.com/function/custom_function.php
15. /www/wwwroot/startmvc.com/function/global_function.php
16. /www/wwwroot/startmvc.com/startmvc/core/Request.php
17. /www/wwwroot/startmvc.com/startmvc/core/Middleware.php
18. /www/wwwroot/startmvc.com/startmvc/core/Router.php
19. /www/wwwroot/startmvc.com/config/route.php
20. /www/wwwroot/startmvc.com/app/home/controller/ArticleController.php
21. /www/wwwroot/startmvc.com/app/common/BaseController.php
22. /www/wwwroot/startmvc.com/startmvc/core/Controller.php
23. /www/wwwroot/startmvc.com/startmvc/core/Loader.php
24. /www/wwwroot/startmvc.com/startmvc/core/View.php
25. /www/wwwroot/startmvc.com/config/view.php
26. /www/wwwroot/startmvc.com/startmvc/core/Db.php
27. /www/wwwroot/startmvc.com/config/database.php
28. /www/wwwroot/startmvc.com/startmvc/core/db/DbCore.php
29. /www/wwwroot/startmvc.com/startmvc/core/db/DbInterface.php
30. /www/wwwroot/startmvc.com/runtime/temp/home/article/detail.php
31. /www/wwwroot/startmvc.com/startmvc/core/tpl/trace.php
总计:31 个文件
系统配置
运行环境: development
调试模式: 开启
时区设置: Asia/Shanghai
最大执行时间: 300秒
内存限制: 128M
上传限制: 50M
POST限制: 50M
字符集: UTF-8
错误报告级别: 32759
缓存状态
APC: 不可用
Memcached: 不可用
Redis: 不可用
OPcache: 可用
XCache: 不可用
File Cache: 可用
Autoload: 1 个加载器
Session: 已激活
框架配置
session: [Array]
trace: 1
debug: 1
default_controller: Index
default_action: index
异常信息
未捕获到异常
错误信息
未发现错误
应用运行正常,未发现错误或异常
93.45ms