TypeScript 报错 解决

哲夫

持续更新中

tsconfig.ts中报错

找不到“vite/client”的类型定义文件。
程序包含该文件是因为:
在 compilerOptions 中指定的类型库 "vite/client" 的入口点 原因
tsconfig.ts中已经配置 "types": ["vite/client"]

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "esModuleInterop": true,
    "strict": true,
    "jsx": "react",
    "sourceMap": true,
    "allowJs": true,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "incremental": true,
    "types": ["vite/client"]
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "public/**/*.ts", "public/**/*.tsx"],
  "exclude": ["node_modules", "build", "dist"]
}

解决办法：
如果你已经在 tsconfig.json 文件中添加了 "types": ["vite/client"] 选项，但仍然无法解决问题，那么很可能是因为 TypeScript 编译器没有正确地加载 Vite 客户端库的类型定义文件。这可能是由于以下几个原因：

1. Vite 客户端库的版本与 TypeScript 的版本不兼容。请确保你使用的 Vite 和 TypeScript 版本是兼容的。可以尝试升级到最新版本，或者明确指定需要使用的版本。
2. TypeScript 编译器的缓存可能已损坏。可以尝试清除 TypeScript 编译器的缓存，以便它可以重新加载所有类型定义文件。
3. 某些第三方库可能与 Vite 客户端库存在冲突，导致 TypeScript 编译器无法正确地加载类型定义文件。可以尝试禁用某些库，以确定问题的根本原因。

如果以上方法都不能解决问题，建议尝试重建项目并重新安装依赖包，以确保所有依赖包都正确安装并能够正确加载。

来源：https://www.cnblogs.com/optre/p/17287843.html