Vue3 TypeScript项目中为何找不到Pinia模块？

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《Vue3 TypeScript项目中为何找不到Pinia模块？》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

Vue3 TypeScript 项目中找不到 Pinia 模块

在 Vue3 TypeScript 项目中使用 Pinia 时，你可能遇到找不到 ../pinia/index 模块或其类型声明的问题。

问题描述

路径在 main.ts 中正确设置，但尝试运行 mainStore 时会卡住。在自定义 Vue 文件中还会出现如下错误：

(如图一)

解决方法

问题的原因是：

• Vue3 对模块的引用必须放在所有其他导入之前。

因此，可以这样解决问题：

import { createApp } from 'vue'
import { createPinia } from 'pinia'

const app = createApp({ /* ... */ })

// 将 Pinia 导入放在所有其他导入之前
import { mainStore } from './stores/mainStore'

// 使用 Pinia
app.use(createPinia().use(mainStore))

这样，项目就可以正常运行，并且不会出现模块找不到的错误。

到这里，我们也就讲完了《Vue3 TypeScript项目中为何找不到Pinia模块？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！