K先生个人博客

当前位置:首页 > 爱技术 > 正文

uni-app报错:reportJSException >>>> exception function:createInstanceContext, exception

相信搜索这个问题的小伙伴,都是uni-app的使用者,那这里就不在对uni-app做过多的介绍了。以前总有人说uni-app的坑很多,但没有使用过,也没什么感触,但最近打算用uni-app开发一款跨多端的淘宝客返利商城,所以就选择了uni-app。但随着uni-app的使用,遇到的坑也是越来越多......

uni-app报错:reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'getElementsByTagName' of undefined

image.png

报错信息是这样的(在真机上打开会白屏),然后就开始百度找解决方案,然后网友是这样解释的“在uni-app中,props是无法访问this的,而在h5中是可以的,所以这个错误会在uni-app的APP端出现,而h5是正常的。”

而我检查了所有代码,并没有使用在props使用this的情况。让人抓狂的是uni-app的报错信息并没有说是哪个文件引起的异常,没办法,最后只能通过代码回退来慢慢找问题了,因为之前代码是可以正常运行的,这一定是因为我后面加了什么东西才导致的这个异常。

通过代码回退,最终,我终于找到了问题所在。

原因就是,我在main.js文件中引入了阿里字体图标的js文件

import '@/common/iconfont.js'

阿里图标的引入有三种方法,而我为了保留图标的多彩特性而采用了Symbol 引用的方法,所以才导致的问题。所以最后还是老老实实的通过font-class方式来引入阿里图标吧。

同样遇到这个问题的小伙伴,大概率原因应该还是因为在props中使用了this,然后再考虑是不是引入了其他的js文件。

作者K先生本文地址http://www.gold404.cn/info/121

版权声明:本文为原创文章,版权归 K先生个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!

文章评论

* 必填
可选
可选

评论列表

    暂时还没有评论哦!