Vite - 解决TypeScript中的`import.meta.glob`问题

Vite是一个现代工具，用来捆绑你的前端资产。在使用Vite时，你主要使用ES模块。而Vite用方便的工具扩展了全局import.meta 对象。例如，它添加了一个import.meta.glob 函数，允许你从路径中解析文件。

在与TypeScript的结合中，你可能会遇到这样的问题，即它没有接收到Vite的类型声明。没有Vite的类型声明，你就会遇到编译器问题。

继续阅读以解决Vite的类型，并告诉TypeScript所提供的import.meta 实用程序。

在TypeScript中解决Vite的import.meta.glob

Vite带有TypeScript类型，你的编辑器或IDE应该自动解决这些类型。如果你仍然遇到类型问题，你可以明确地将vite/client 添加到你的tsconfig.json 文件内的类型数组。

tsconfig.json

{
  "compilerOptions": {
    "types": ["vite/client"] // 👈 add this
  }
}

在Visual Studio Code中，将vite/client 添加到类型数组中为我们解决了类型问题。

妙哉!