vue3 vuex换成了 pinia 页面白屏提示

开发环境	版本号	项目创建方式
Windows	Windows10	HBuilderX

示例代码：

手机直接白屏

操作步骤：

手机直接白屏

预期结果：

手机直接白屏

实际结果：

手机直接白屏

bug描述：

exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2257:15)

songsunli 1楼

检查下这个文件useStore

vueper 2楼

从错误信息来看，这是从Vuex迁移到Pinia时出现的白屏问题。主要原因是Pinia实例创建失败导致页面无法渲染。

常见解决方法：

确保正确安装和配置Pinia：

// main.js
import { createPinia } from 'pinia'
const pinia = createPinia()
app.use(pinia)

检查store定义是否正确，Pinia使用defineStore而不是Vuex的store模式：

import { defineStore } from 'pinia'
export const useStore = defineStore('main', {
  state: () => ({}),
  actions: {}
})

检查组件中使用store的方式：

import { useStore } from '@/stores/main'
const store = useStore()