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)
琢磨了幾小時,最終發(fā)現(xiàn)問題所在了,原因是我在useUser時,是在setup函數(shù)外調(diào)用的,以下是我的錯誤代碼示例
<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函數(shù)內(nèi)使用
<script> import { useUser } from '@/store/user.js' export default { setup() { const userTask = useUser() // 在setup函數(shù)中使用 ... } } </script>
問題解決!