TS solves the problem that the type file of the imported plug-in does not exist

When we use TypeScript In development , We often use some popular plug-ins that have not been maintained for a long time , These plug-ins are basically JavaScript Development is carried out in TypeScript Errors will be reported in the project .

Installation type ：

Many plug-ins will prompt you to install @types/XXX, This is the official release of the plug-in in @types In the project TS Type file , If you are prompted that you can try to install, you can basically solve the problem , If the error prompt is like that in my picture , Then see Adding types .

Add type :

stay tsconfig.json Tested xx.d.ts Write the plug-in in TS type , I'm lazy and don't think it's necessary to type it , So export it directly any 了 .

quite a lot TS After the framework is created, a d.ts The file of （ for example Vite There will be one. vite-env.d.ts） Add it to it , Or create a new one in the allowed directory . This is equivalent to ts Declared a module , The type is any.

declare module "XXX" {
  export const a: any;
}