国产欧美精品专区一区二区_91www永久在线精品果冻传媒_日韩成人亚洲综合专区无码av_欧美激情一区二区三区高清视频_免费福利在线视频亚洲_日韩精品无码人妻自慰喷水_把腿张开老子cao哭你动态图_51a性爱高清免费视频_国产无码资源在线观看資源免費看_再深点灬舒服灬太大了网站

前情

uni-app是我比較喜歡的跨平臺(tái)框架，它能開(kāi)發(fā)小程序/H5/APP(安卓/iOS)，重要的是對(duì)前端開(kāi)發(fā)友好，自帶的IDE讓開(kāi)發(fā)體驗(yàn)也挺棒的，現(xiàn)公司項(xiàng)目就是主推uni-app，最近手上項(xiàng)目就是要跑快手/抖音/微信/支付寶/APP多端的項(xiàng)目

坑位

最近負(fù)責(zé)的項(xiàng)目是使用Vue3+uview-plus+Pinia技術(shù)棧的項(xiàng)目，在跑小程序端的時(shí)候一切都算順利，最近同事準(zhǔn)備跑APP端的時(shí)候發(fā)現(xiàn)，控制臺(tái)報(bào)如下錯(cuò)，我自己嘗試跑了一下也報(bào)同樣錯(cuò)

reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack
at useStore (app-service.js:2211:15)
at (app-service. js:7552:20)
at (app-service. js:57237:3)

why?

因?yàn)槲乙郧坝许?xiàng)目是有遇到這到過(guò)這種錯(cuò)誤情況，就是使用Pinia的store的時(shí)候初始化的時(shí)機(jī)有問(wèn)題

為什么小程序端沒(méi)有問(wèn)題，而APP端有問(wèn)題，應(yīng)該是小程序渲染進(jìn)程和JS進(jìn)程是二個(gè)獨(dú)立進(jìn)程，框架層做了額外的異步處理，掩蓋了這個(gè)問(wèn)題，而APP是使用原生 WebView（iOS/WKWebView 或 Android/Chrome），相當(dāng)于是普通的瀏覽器渲染，此時(shí)就暴露出問(wèn)題了

解決方案

在使用Pinia的store的時(shí)候，注意初始化時(shí)機(jī)，特別是在js文件中使用，可以把初始化狀態(tài)放到函數(shù)中，不要在js文件頂層做初始化狀態(tài)

//  錯(cuò)誤的示例
import { globalStore } from '@/store/global'
const globalInstance = globalStore()
export function test() {
  // 使用globalInstance 
}
// 正確的示例
import { globalStore } from '@/store/global'
export function test() {
    const globalInstance = globalStore()
  // 使用globalInstance 
}

在組件中使用，一般像Vue3項(xiàng)目都是使用 setup語(yǔ)法糖的，一般不會(huì)有問(wèn)題，如果你是使用選項(xiàng)式的寫(xiě)組件，那就要避免在組件頂層做狀態(tài)文件初始化了，可以放到組件生命周期鉤子里做初始化

?轉(zhuǎn)自https://www.cnblogs.com/xwwin/p/19009653