运行到android手机,页面白屏,只显示下方的导航按钮,如附件图片所示
- 报错信息
11:02:33.371 创建pinia实例前 at stores/index.ts:4 11:02:33.380 已创建pinia实例:{"_p":[],"_a":null,"_e":{"detached":true,"_active":true,"effects":[],"cleanups":[]},"_s":{},"state":{"__v_isShallow":false,"__v_isRef":true,"_rawValue":{},"_value":{}}} at stores/index.ts:9 11:02:33.830 reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2832:15) at (app-service.js:3080:23) at (app-service.js:29878:3)
- index.ts文件
import { createPinia } from 'pinia' import persist from 'pinia-plugin-persistedstate' console.log('创建pinia实例前') // 创建 pinia 实例 const pinia = createPinia() // 使用持久化存储插件 pinia.use(persist) console.log('已创建pinia实例:' + JSON.stringify(pinia)) // 默认导出,给 main.ts 使用 export default pinia // 模块统一导出 export * from './modules/member'
- main.ts文件
import { createSSRApp } from 'vue' import pinia from './stores' import App from './App.vue' export function createApp() { console.log('创建app前') const app = createSSRApp(App) console.log('创建app成功,获取的pinia:' + JSON.stringify(pinia)) app.use(pinia) return { app, } }
- 编译后的app-server.js报错位置代码
const currentInstance = vue.getCurrentInstance(); pinia2 = // in test mode, ignore the argument provided as we can always retrieve a // pinia instance with getActivePinia() pinia2 || currentInstance && vue.inject(piniaSymbol); if (pinia2) setActivePinia(pinia2); if (!activePinia) { throw new Error(`[