Vue3 + TS 引用 Pinia 模块时报找不到模块错误
在 Vue3 + TypeScript 项目中，引用 Pinia 模块时遭遇 "找不到模块“../pinia/index”或其相应的类型声明。" 错误。
该问题通常发生在两种情况下：
- 路径配置不当：请确认 Pinia 模块的路径正确且已添加到 tsconfig.json 中。
- 引用顺序不正确：Vue3 中对模块的引用必须放在最开始，然后才可以引用其他依赖项。
解决方法：
立即学习“前端免费学习笔记（深入）”；
- 检查路径配置：确保 ../pinia/index 路径指向正确的 Pinia 模块文件。并在 tsconfig.json 中添加以下内容：
{
"compilerOptions": {
"paths": {
"~/*": ["node_modules/*"]
}
}
}- 调整引用顺序：将 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')执行上述步骤后，问题应得以解决。
