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文件找不到模块的问题了，具体为什么要这样写，暂时还不太清楚，若有明白的大佬们，还希望能讲解一下
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
16
0- 0
已为社区贡献4条内容
所有评论(0)