uniapp运行APP报错reportJSException >>>> exception function:createInstanceContext, exception:white screen
今天分享个自己在工作中遇到的头疼问题,记录下,在使用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>
问题解决!