Vue3+Vite如何解决“找不到模块“@/components/xxx.vue”或其相应的类型声明ts(2307)”

更新时间：2024年10月09日 16:30:15 作者：YUELEI118

在Vue项目中使用Vite时,可能因版本差异而需修改tsconfig.app.json而非tsconfig.json以解决编译错误,本文分享个人解决经验,供参考

目录

1. 安装插件
2. 修改vite.config.ts文件
3. 修改tsconfig.app.json文件
4. vue和vite的版本
总结

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的版本

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

VueCli生产环境打包部署跨域失败的解决
这篇文章主要介绍了VueCli生产环境打包部署跨域失败的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
Vue表单快速上手
工作中vue表单使用的最多的莫过于input、textarea、select等，原生js的基础上vue通过双向数据绑定等，实现了自己独有的一套指令，这是react中没有的部分，也算是vue的一大特色
2022-09-09
大前端代码重构之事件拦截iOS Flutter Vue示例分析
这篇文章主要为大家介绍了大前端代码重构之事件拦截iOS Flutter Vue示例分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
vue beforeDestroy clearInterval清除定时器失效的解决
这篇文章主要介绍了vue beforeDestroy clearInterval清除定时器失效的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-06-06
vue 3.0 vue.config.js文件常用配置方式
这篇文章主要介绍了vue 3.0 vue.config.js文件常用配置方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-03-03
Vue MVVM模型与data及methods属性超详细讲解
MVVM旨在利用WPF中的数据绑定函数,通过从视图层中几乎删除所有GUI代码（代码隐藏）,更好地促进视图层开发与模式其余部分的分离,这篇文章主要介绍了Vue MVVM模型与data及methods属性
2022-10-10
elementUI中el-upload文件上传的实现方法
ElementUI的组件支持多种事件钩子,如http-request、before-upload和on-change,以实现自定义文件上传处理,这篇文章主要介绍了elementUI中el-upload文件上传的实现方法,需要的朋友可以参考下
2024-11-11
vue实现盒子内拖动方块移动的示例代码
这篇文章主要给大家介绍了如何通过vue实现盒子内拖动方块移动,文章通过代码示例讲解的非常详细,具有一定的参考价值,感兴趣的小伙伴可以参考阅读本文
2023-08-08
Vue学习之Vuex的使用详解
这篇文章主要介绍了Vue中的插件：Vuex。本文将围绕它的优缺点、使用场景和示例展开详细的说明，感兴趣的小伙伴可以跟随小编一起了解一下
2022-01-01
Vue element-UI el-select循环选中的问题
这篇文章主要介绍了Vue element-UI el-select循环选中的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-10-10

最新评论