Vue3 TypeScript项目中为何找不到Pinia模块？-小浪资源网

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

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))

登录后复制

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

文章版权归作者所有，未经允许请勿转载。【小浪云服务商 - 服务器12元起 - 挂机宝5元起】

THE END