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

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

hxing6412年前 (2023-11-22)vue4409

今天分享个自己在工作中遇到的头疼问题,记录下,在使用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>

问题解决!

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

版权声明:本文由星星博客发布,如需转载请注明出处。

本文链接:http://xingxinghan.cn/?id=475

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

uniapp 对接极光推送

uniapp 对接极光推送

1,进入后台登录    https://www.jiguang.cn/accounts/login/form    设置好应用包名,拿到APPKEY2,安装好极光插件    1),...

vue 路由 vue-router

vue 路由 vue-router

前面的话  在Web开发中,路由是指根据URL分配到对应的处理程序。对于大多数单页面应用,都推荐使用官方支持的vue-router。Vue-router通过管理URL,实现URL和组件的对应,以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router 安装  在使用vu...

【Vue】深入探究Vue生命周期

Vue.js 是一款流行的前端框架,广泛应用于各种 Web 应用开发中。在 Vue.js 中,每个组件都有一个生命周期,它包括一系列钩子函数,用于在特定阶段执行特定的操作。本文将详细介绍 Vue 组件生命周期,并讲述它们的实际应用。生命周期钩子函数Vue 组件的生命周期分成了 8 个不同的阶段,每个...

深入探索Vue自定义过滤器

Vue.js是一种流行的JavaScript框架,提供了很多有用的功能来构建交互式的Web应用程序。其中一个非常有用且经常被忽视的功能是自定义过滤器。通过使用自定义过滤器,我们可以在Vue应用程序中轻松地转换、格式化和处理数据。本文将深入探索Vue自定义过滤器的使用方法和实际应用。一、什么是Vue自...

uniapp 中 ScrollView 组件上拉分页怎么不滚动到最顶部

实现类似微信聊天页面,上拉加载更多历史聊天记录,每次上拉到顶部,界面自动会滚动到最顶部,我希望ScrollView不要滚动到最顶部,每次就停留在当前位置1,绑定scroll-view中scroll-into-view属性<scroll-view class="scroll-...

Vue.js双向绑定的实现原理解析与实例演示

1. 简介 Vue.js作为一款流行的前端框架,其双向绑定机制是其核心特性之一。通过双向绑定,Vue.js实现了数据模型和视图之间的即时同步,为开发者提供了极大的便利。在本文中,我们将深入探讨Vue.js双向绑定的实现原理,并结合代码示例进行详细解释。...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。