vue3 + ts 项目路由配置提示找不到模块或其相同类型的声明

593 阅读1分钟

使用vue3 + ts 搭建项目的时候,路由配置提示找不到模块或其相同类型的声明。

PZU7~JEAPM3QLC{S3U1)GI6.png

一、首先在src目录下创建一个vite-env.d.ts的文件,如果已经存在则不需要创建。

二、添加如下代码

/// <reference types="vite/client" />
// 配置这个文件是 解决错误:找不到模块“@/views/login/index.vue”或其相应的类型声明。ts(2307)
// 这段代码告诉 TypeScript,所有以 .vue 结尾的文件都是 Vue 组件,可以通过 import 语句进行导入。这样做通常可以解决无法识别模块的问题。
declare module '*.vue' {
    import { Component } from 'vue'; const component: Component; export default component;
}