【报错】Projects must list all files or use an ‘include‘ pattern.

我在引入封装好的UploadPreview组件时，遇到了如上的错误。

File 'd:/000实习/front/src/views/components/upload/upload-preview.vue' is not listed within the file list of project 'd:/000实习/front/tsconfig.app.json'. Projects must list all files or use an 'include' pattern.

原因就在于，TypeScript 配置文件（tsconfig.json 或 tsconfig.app.json）需要列出所有需要编译的文件，或者使用 include 模式来包含所需的文件。如果某个文件没有被列出或包含，TypeScript 就无法处理和编译它。

解决方案1：使用 include 模式（推荐）

使用 include 字段，通过模式匹配来包含文件。这样可以避免手动列出每个文件。

{
  "compilerOptions": {
     ... 
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.vue",  
   ]
}

解决方案2：手动列出文件

在 tsconfig.app.json 中，添加一个 files 字段，手动列出需要包含的文件。

{
  "compilerOptions": {
    ...
  },
  "files": [
    "src/views/components/upload/upload-preview.vue",
  ]
}

希望可以帮到你！