使用vite创建vue3项目出现找不到模块“./App.vue”或其相应的类型声明。

最新推荐文章于 2024-05-22 15:49:50 发布

韩沛晓

最新推荐文章于 2024-05-22 15:49:50 发布

阅读量399

点赞数

文章标签： vue.js 前端 typescript

本文链接：https://blog.csdn.net/hhhxyyyzz/article/details/135203119

版权

与 Vue CLI 不同，Vite 不自动为单文件组件引入类型声明文件。因此，在使用 TypeScript 编写 Vue 3 项目时，您需要手动为单文件组件引入类型声明文件。

您可以在 src 目录中为 Vue 单文件组件创建一个名为 shims-vue.d.ts 的文件，并添加以下内容：

declare module '*.vue' {
  import { Component } from 'vue'
  const component: Component
  export default component
}

这将告诉 TypeScript，当遇到 .vue 文件时，应当将其视为 Vue 组件，并将其导入为 Component 类型。这样，在导入 App.vue 时就会自动为其引入类型声明文件。

如果您使用了其他库或依赖，该库可能也需要单独的类型声明文件。可以通过创建类似的 .d.ts 文件来为它们创建类型声明。

关注