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

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

hxing6412年前 (2023-11-22)vue4559

今天分享个自己在工作中遇到的头疼问题,记录下,在使用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函数外调用的,以下是我的错误代码示例

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

解决方案:

1. 使用setup语法糖

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

2. 在setup函数内使用

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


问题解决!

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

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

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

分享给朋友:

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

Vue3源码之createApp

Vue.js 3中的createApp是用于创建一个Vue应用的函数。它的原理可以简单地解析为以下几个步骤:1. 创建一个应用实例:createApp函数会返回一个应用实例,该实例代表整个Vue应用的根实例。2. 组件注册:通过app.component方法,可以注册全局组件或局部组件。全局组件可以...

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中的父子组件通讯及使用sync同步父子组件数据

在Vue.js中,组件通讯是一个非常重要的主题。特别是在处理父子组件之间的通讯时,我们需要了解不同的方式来传递数据和响应事件。本文将介绍Vue中父子组件通讯的几种方式,并重点讨论使用sync属性来实现父子组件数据的双向绑定。父子组件通讯 在Vue中,父组件可以通过prop向子组件传递数据,而子组件则...

发表评论

访客

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