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

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

hxing6411年前 (2023-11-22)vue3916

今天分享个自己在工作中遇到的头疼问题,记录下,在使用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://xingxinghan.cn/?id=475

分享给朋友:

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

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过渡动画之CSS过渡

Vue.js 是一个以数据驱动视图的前端框架,它提供了丰富的组件化特性来帮助我们创建交互丰富的 Web 应用程序。Vue 框架内置了一些过渡特效,以及钩子函数,让我们可以在过渡期间添加自定义 CSS 类来实现过渡效果。本文将着重讲解 Vue.js 中的 CSS 过渡,并介绍如何使用它来实现各种有趣的...

Vue中的父子组件通讯及使用sync同步父子组件数据

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

Vue中的防抖节流技术,提升用户交互体验

在Vue开发中,我们经常会遇到需要处理用户频繁操作的场景,例如搜索框输入联想、窗口大小改变等。这时,使用防抖节流技术能够有效地控制事件触发频率,提升用户体验和页面性能。 1. 防抖技术 防抖(Debounce)是指在事件被触发后,等...

发表评论

访客

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