Pinia报错useStore is not a function，求问题排查与解决

你的问题出在两个关键操作错误上：

1. Store导入与使用方式错误 #

你直接从pinia包导入useStore并传入store名称调用，这是错误的用法。Pinia没有全局通用的useStore方法，正确的做法是导入你自己通过defineStore定义好的myStore函数，再调用它获取store实例。

修正后的App.vue代码：

<template>
  <div>
    <p>Count: {{ store.count }}</p>
    <button @click="store.increment">Increment</button>
  </div>
</template>

<script>
import { defineComponent } from "vue";
// 导入自己定义的myStore，注意路径要和你的文件位置匹配
import { myStore } from "./store.js";

export default defineComponent({
  setup() {
    // 调用myStore函数获取store实例
    const store = myStore();

    return {
      store,
    };
  },
});
</script>

2. 未全局注册Pinia #

如果你的项目入口文件（通常是main.js/main.ts）没有注册Pinia，组件无法识别Pinia上下文，也会触发这类错误。

在main.js中添加Pinia注册代码：

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'

const app = createApp(App)
// 创建并挂载Pinia实例
app.use(createPinia())
app.mount('#app')

额外检查项 #

• 确认已通过npm install pinia或yarn add pinia正确安装Pinia依赖
• 检查store.js的导入路径是否正确，避免路径错误导致模块未加载

内容的提问来源于stack exchange，提问作者Juan Montoya