找不到模块“../views/layout/index.vue”或其相应的类型声明。ts(2307)

最新推荐文章于 2025-06-05 17:45:02 发布

转载最新推荐文章于 2025-06-05 17:45:02 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/qq_40913592/article/details/131476419

文章标签：

#vue.js #前端 #javascript

在vue项目开发，运行不报错，在我们配置项目路由的时候使用路由懒加载引入该组件的时候出现报错，在编辑器里报错，十分难受。

这个错误很明显是ts抛出的，产生的原因是vue中没有export变量，导致ts无法识别导出的内容，即ts类型需要明确，

怎么解决：

1.首先在src目录下创建一个vite-env.d.ts的文件

2.在文件中引入这些代码

/// <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;
}

————————————————
版权声明：本文为优快云博主「自动化处理」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/qq_40913592/article/details/131476419