vue+ts出现‘找不到模块“XXXX”或其相应的类型声明。’

今天在新建一个vue+ts项目时出现了以下问题

虽然不影响正常使用，但是看起来也不美观，作为优秀打工人，我必须给它去掉。。。。

首先我们要明确这个问题只会出现在ts项目中，那么我们先从最基本的入手

1.确保导入的组件路径正确，并且在 tsconfig.json 配置文件中配置了正确的路劲映射。

2.请确认是否存在 ../views/AboutView.vue 这个路径下的文件。

3.，在 tsconfig.json 文件中找到 “paths” 字段，并确保该字段包含正确的路劲映射，例如：

 "paths": {
      "@/*": ["src/*"],
      "views/*": ["src/views/*"]
  }

 经过百度，报错原因如下

报错原因：typescript 只能理解 .ts 文件，无法理解 .vue文件

解决方法：在项目根目录下创建一个后缀为 .d.ts 的文件，并写入以下内容：（我这里是env.d.ts）

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const vueComponent: DefineComponent<{}, {}, any>
  export default vueComponent
}

也可以在项目跟目录创建一个 tsconfig.json 文件，文件内容为：

{
  "compilerOptions": {
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "module": "ESNext",
    "target": "ESNext",
    "lib": ["DOM", "ESNext"]
  }
}

ok解决问题