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/*"]
    }
  }
}

登录后复制

2. 调整引用顺序：将 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')

登录后复制

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

以上就是Vue3 + TS 使用 Pinia 引发“找不到”错误：如何解决？的详细内容，更多请关注抖狐科技其它相关文章！