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