## Vue3+TS 调用 Pinia 存储报错:如何解决“找不到模块”问题?

## Vue3+TS 调用 Pinia 存储报错:如何解决“找不到模块”问题?

vue3+ts调用pinia存储报错

在使用vue3+ts开发过程中,需要引入pinia状态管理库,但是在加载mainStore时遇到阻碍,且在自定义vue文件中报错“找不到模块“../pinia/index”或其相应的类型声明。”

解决方案

问题根源在于vue3对引入顺序的要求。虽然在main.ts中正确配置了路径,但引用顺序不正确。

要解决此问题,需要将pinia的引入语句放在vue3相关库引入的前面,如下所示:

// main.ts
import { createApp } from 'vue'
import { createPinia } from 'pinia'

const app = createApp({})
const pinia = createPinia()
app.use(pinia)

通过将pinia的引入提前,确保它在vue3生命周期开始之前被加载,从而避免报错。

以上就是## Vue3+TS 调用 Pinia 存储报错:如何解决“找不到模块”问题?的详细内容,更多请关注其它相关文章!