当前位置:首页 > H5 > 正文内容

uniapp运行APP报错reportJSException >>>> exception function:createInstanceContext, exception:white screen

高老师3年前 (2023-11-28)H52634

今天分享个自己在工作中遇到的头疼问题,记录下,在使用pinia时,引入use模块,h5端没问题,我使用的是vue3,运行在APP端一直报错:

reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->

 at useStore (app-service.js:9864:15)

 at  (app-service.js:16358:3)

 at  (app-service.js:29793:3)

琢磨了几小时,最终发现问题所在了,原因是我在useUser时,是在setup函数外调用的,以下是我的错误代码示例

JavaScript
<script>
    import { useUser } from '@/store/user.js'
    const userTask = useUser()  // 不能在setup外中使用,会报错
    export default {
        setup() {
            ...
        }
    }</script>

解决方案:

1. 使用setup语法糖

JavaScript
<script setup>import { useUser } from '@/store/user.js'const userTask = useUser()  // 在setup语法糖中使用</script>

2. 在setup函数内使用

JavaScript
<script>
    import { useUser } from '@/store/user.js'
    export default {
        setup() {
            const userTask = useUser()  // 在setup函数中使用
            ...
        }
    }</script>

问题解决!

扫描二维码推送至手机访问。

版权声明:本文由高久峰个人博客发布,如需转载请注明出处。

本文链接:https://blog.20230611.cn/post/675.html

分享给朋友:

“uniapp运行APP报错reportJSException >>>> exception function:createInstanceContext, exception:white screen” 的相关文章

Javascript事件冒泡和捕捉的阻止

Javascript事件冒泡和捕捉的阻止

<!DOCTYPE html> <html> <head> <title>捕捉和冒泡</title> <meta charset="utf-8"> </head> <bo...

Js显示本周星期对应的日期,非固定,周一,周三,周六

Js显示本周星期对应的日期,非固定,周一,周三,周六

开发需求如下,商品下单后需要指定送到日期:送达日期为周一 周三  周六 ,如果今天周一,用户选择周一即为下一周周一。代码如下:<html> <head> <meta charset="utf-8"> <title>...

Javascript获取Mac地址

Javascript获取Mac地址

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>获取mac地址</title> </head&g...

canvs转图片canvs转base64

canvs转图片canvs转base64

二期项目中生成的简历二维码是使用canvs生成的,微信浏览器中不能识别二维码,只能扫码。懒的换phpqrcode,于是转canvs。//设置一个url var url = "{yun:}$config.sy_weburl{/yun}/mingli/index....

 js对象冒充实现继承

js对象冒充实现继承

//构造函数 function Box(name,age){ this.name=name; this.age=age; this.run=function(){ return this.name+'--'+this.age; } } var&nbs...

js 点击复制,js实现手机端点击复制,js实现点击复制,js点击复制到剪贴板

js 点击复制,js实现手机端点击复制,js实现点击复制,js点击复制到剪贴板

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>点击复制</title> </head>...