Vue3 + TS 使用 Pinia 引发“找不到”错误:如何解决?

vue3 + ts 使用 pinia 引发“找不到”错误:如何解决?

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

登录后复制

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

以上就是Vue3 + TS 使用 Pinia 引发“找不到”错误:如何解决?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2810111.html

(0)
上一篇 2025年3月8日 23:07:41
下一篇 2025年3月8日 23:07:50

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论