Vue3+Vite如何解决“找不到模块“@/components/xxx.vue”或其相应的类型声明ts(2307)”
更新时间：2024年10月09日 16:30:15 作者：YUELEI118
在Vue项目中使用Vite时,可能因版本差异而需修改tsconfig.app.json而非tsconfig.json以解决编译错误,本文分享个人解决经验,供参考
1. 安装插件
pnpm i @types/node -D
2. 修改vite.config.ts文件
import path from 'path';
resolve: {
alias: {
"@": path.resolve(__dirname,"./src"),
},
},
3. 修改tsconfig.app.json文件
别人教的都是修改tsconfig.json文件
但是我发现可能是因为版本的问题
我的tsconfig.json长这样：
在tsconfig.app.json文件中添加
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"],
}
终于不报错了
4. vue和vite的版本
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue Element-ui表格实现树形结构表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
这篇文章主要为大家详细介绍了vue+js点击箭头实现图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
记录一下踩坑,前几天从同事手上接手了一个Vue的项目,下面这篇文章主要给大家介绍了关于VUE项目运行失败原因及解决办法的相关资料,本文以vscode为例,需要的朋友可以参考下2023-06-06
本文主要介绍了vue项目展示pdf文件的方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
vue实现录音并转文字功能包括PC端web手机端web(实现过程)
vue实现录音并转文字功能,包括PC端,手机端和企业微信自建应用端,本文通过实例代码介绍vue实现录音并转文字功能包括PC端web手机端web,感兴趣的朋友跟随小编一起看看吧2024-08-08
Vue.js中使用最多的两个指令就是v-if和v-for,下面这篇文章主要给大家介绍了关于Vue3中v-if和v-for优先级的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
默认情况下，写在.vue组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。导致组件之间样式冲突的根本原因，我们接下来探究一下2022-11-11
这篇文章主要为大家介绍了ToB项目如何沉淀业务公共组件示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要介绍了Vue如何配置根目录@(引用路径)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
elementPlus 的el-select在提示框关闭时自动弹出的问题解决
这篇文章主要介绍了elementPlus 的el-select在提示框关闭时自动弹出闭时自动弹出的问题,主要问题就是因为filterable属性,根本解决方案是选中的时候让他失去焦点 el-select有一个visible-change事件,下拉框出现/隐藏时触发,感兴趣的朋友跟随小编一起看看吧2024-01-01
最新评论