Uniapp真机运行又双叒叕报错了

使用 uniapp 作为技术栈对于有多个平台的需求来说确实很方便,但是头疼的是需要做多端兼容测试,平时在开发中可能一不注意就写了个bug,在有些环境中可以正常运行,有些环境就会报致命错误。最近就遇到了这样的问题,排查问题真是要了老命了。

在开发时,因为觉得浏览器中调试比较方便,就没有连接真机测试,结果写了一大堆功能,准备在真机上测试跑一下,结果直接天塌了。来了这样一个错误:

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

直接给我干白屏了,把错误问题复制问了下 Claude:

感觉是出在 pinia 中 store 的调用上,但是项目中很多地方都用了,排查起来也是一个问题,于是将最近新增加的功能代码备份,然后版本回滚,逐步增加功能,一开始是将整个代码拷贝过去,直接就报错,注销就没问题,对比之前同样的流程功能代码,除了业务数据,文件内容几乎一模一样。硬是没看出问题出在哪,最后一行一行注释,终于是找到问题的所在。

原因:pinia 中的 store 有使用限制,只能在 setup 或 hook 函数中使用,刚在全局作用域中会在模块加载时立即执行,此时 Vue App 可能还未初始化,或者 Pinia Store 未正确挂载

Pinia官方文档对此也做了说明:

好了,这个坑就踩到这里。

相关推荐
ganshenml33 分钟前
【Web】证书(SSL/TLS)与域名之间的关系:完整、通俗、可落地的讲解
前端·网络协议·ssl
这是个栗子1 小时前
npm报错 : 无法加载文件 npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
HIT_Weston2 小时前
44、【Ubuntu】【Gitlab】拉出内网 Web 服务:http.server 分析(一)
前端·ubuntu·gitlab
华仔啊2 小时前
Vue3 如何实现图片懒加载?其实一个 Intersection Observer 就搞定了
前端·vue.js
JamesGosling6663 小时前
深入理解内容安全策略(CSP):原理、作用与实践指南
前端·浏览器
不要想太多3 小时前
前端进阶系列之《浏览器渲染原理》
前端
g***96903 小时前
Node.js npm 安装过程中 EBUSY 错误的分析与解决方案
前端·npm·node.js
七喜小伙儿3 小时前
第2节:趣谈FreeRTOS--打工人的日常
前端
我叫张小白。3 小时前
Vue3 响应式数据:让数据拥有“生命力“
前端·javascript·vue.js·vue3
laocooon5238578863 小时前
vue3 本文实现了一个Vue3折叠面板组件
开发语言·前端·javascript