vue中ts无法识别引入的vue文件,提示找不到xxx.vue模块的解决

2022-09-13 10:09:14 作者：0110_1024

这篇文章主要介绍了vue中ts无法识别引入的vue文件,提示找不到xxx.vue模块的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

ts无法识别引入的vue文件,提示找不到xxx.vue模块

在vue + ts项目中，在.ts中引入.vue文件，会提示打不到module，但是编译可能成功，运行也不报错

在src根目录下，新建一个sfc.d.ts文件这个里面的

declare module "*.vue" {
    import Vue from 'vue'
    export default Vue
在shims-vue.d.ts文件中官方文档有一个地方是说写到这里来着，所以shims-vue.d.ts中的这段要删掉，把他们写到
sfc.d.ts中，问题就可以解决了 
vite+ts引入 .vue或 .ts文件时提示找不到模块
一、先说第一个问题
.vue 文件引入时，提示 找不到模块“xxx.vue”或其相应的类型声明
方式一：在你的src目录下创建一个 .d.ts结尾的文件 例如：env.d.ts 里面内容如下
declare module "*.vue" {
  import { DefineComponent } from "vue"
  const component: DefineComponent<{}, {}, any>
  export default component
方式二：其实和方式一的方法类似，就是在src下创建一个创建一个文件夹，名字自定义，然后创建一个 .d.ts文件，内容和方式一 一样。注：需要注意的是，如果创建文件夹，需要在你的tsconfig.json文件中声明一下，结构如下：我声明的文件夹名称为：typings 
二、引入自定义的ts文件时
提示 找不到模块“xxx.ts”或其相应的类型声明
我在使用时出现这个问题的原因是因为配置的快捷路径导致的
在vue中使用快捷路径时，只需要在vite.config.js中配置好对应的别名即可
但是在vite中还需要在tsconfig.json中去配置你声明的别名，如下：
需要配置baseUrl和paths两个地方，配置好这两个地方后，项目基本上就不会在提示关于.ts文件找不到模块的问题了，具体为什么要这样写，暂时还不太清楚
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。 
您可能感兴趣的文章:
vue3.0找不到模块“./App.vue”或其相应的类型声明(多种情况分析)
解决找不到模块“xxx.vue”或其相应的类型声明问题
vue3报错提示找不到模块“./XXX.vue”或其相应的类型声明问题
使用Vue+ElementUI动态生成面包屑导航教程
2023-05-05
VUE中对object.object和object[object]的使用解读
2023-06-06
Vue中失去焦点时所触发的事件问题
2023-06-06
Vue3和Vue2的响应式原理
2023-05-05
vue3报错提示找不到模块“./XXX.vue”或其相应的类型声明问题
2023-05-05
VUE中对object.object和object[object]的使用解读
2023-05-05
vue中保留字符串中的空格完美解决方案
2023-05-05
vue.set() (this.$set)的用法及说明
2023-05-05
美国设下计谋,用娘炮文化重塑日本,已影响至中国
2021-11-19
时空伴随者是什么意思?时空伴随者介绍
2021-11-09
工信部称网盘企业免费用户最低速率应满足基本下载需求，天翼云盘回应：坚决支持，始终
2021-11-05
2022年放假安排出炉：五一连休5天 2022年所有节日一览表
2021-10-26
电脑版 - 返回首页
2006-2023 脚本之家 JB51.Net , All Rights Reserved.
苏ICP备14036222号