标签导航：

vue3 + ts 使用 pinia 引发“找不到”错误：如何解决？

Vue3 + TS 引用 Pinia 模块时报找不到模块错误

在 Vue3 + TypeScript 项目中，引用 Pinia 模块时遭遇 "找不到模块“../pinia/index”或其相应的类型声明。" 错误。

该问题通常发生在两种情况下：

  • 路径配置不当：请确认 Pinia 模块的路径正确且已添加到 tsconfig.json 中。
  • 引用顺序不正确：Vue3 中对模块的引用必须放在最开始，然后才可以引用其他依赖项。

解决方法：

  1. 检查路径配置：确保 ../pinia/index 路径指向正确的 Pinia 模块文件。并在 tsconfig.json 中添加以下内容：
{
  "compilerOptions": {
    "paths": {
      "~/*": ["node_modules/*"]
    }
  }
}
  1. 调整引用顺序：将 Pinia 模块的引用移至 main.ts 的最开始，如下所示：
import { createApp } from 'vue'
import { PiniaVuePlugin } from 'pinia'
import App from './App.vue'
import mainStore from './mainStore'

createApp(App)
  .use(PiniaVuePlugin)
  .use(mainStore)
  .mount('#app')

执行上述步骤后，问题应得以解决。