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

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

hxing64110个月前 (11-22)vue3498

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


问题解决!

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

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

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

分享给朋友:

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

uniapp nvue网络图片显示不出来解决方案

uniapp nvue网络图片显示不出来解决方案

最近碰到一个很奇怪的问题,在nvue中使用image显示图片,却一直加载失败,但是图片路径是可以访问的,这是因为服务器做了限制解决方案:1,在image标签加上referrer="no-referrer"2,在图片路径前拼接https://images.weserv.nl/?ur...

UniApp H5项目指南:处理二维码生成和扫描操作

UniApp H5项目指南:处理二维码生成和扫描操作

在我们基于UniApp的H5项目中,需要生成一些二维码进行展示,另外也需要让用户可以扫码进行一定的快捷操作,本篇随笔介绍一下二维码的生成处理和基于H5的扫码进行操作。二维码的生成,使用了JS文件weapp-qrcode.js进行处理,而二维码扫码则是基于一个第三方组件的方式进行支持的,最后通过统一入...

【Vue】详解Vue组件系统

Vue是一款流行的JavaScript框架,它的组件系统是它最重要的特性之一。Vue组件系统允许开发人员将UI界面划分成独立、可重复使用的组件,从而提高代码的可维护性和可重用性。本文将详细介绍Vue组件系统的各个方面。组件的定义在Vue中,一个组件是由一个Vue实例构成的。组件通常包含一个模板、一个...

Vue过渡动画之CSS过渡

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

深入探索Vue自定义过滤器

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

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

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

发表评论

访客

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