[Typescript] Step5. Local types override
Step5. Local types override
You can find many @types package along with the library you use. But the problem is that those @types might contain bugs because lack of active mantiance.
Therefore we need a way to override those types bug locally.
1. Create a folder types
under root
2. Update tsconfig.json
file
"compilerOptions": {
...
"baseUrl": ".",
"paths": {
"*": ["types/*"]
}
},
What it means is that: When typescript looking for type definations. If we have paths
with baseUrl
, in our compilerOptions
, Typescript will searching for the types from our local first. If it found types, then will use our local types. If typescript didn't find types, then will continue searching from npm_modules
.
3. For example, you want to update react type definations.
- You can create a copy of original type definiations file into your
types
folder:types/react/index.d.ts
- Then add/update/remove the types based on your needs.
4. Update global if you need to:
//index.d.ts
declare global {
const Electron: any
}
Debugging tips:
1. If you turn on "traceResolution": true
, then output the compile information into a txt file, you can see where typescript find types information.
tsc > output.txt
types
folder won't be appear in production build. You can delete the types
folder once problem was fixed in @types相关文章
- [Typescript] Function overload :The "Instantiated with Subtype" Error
- [Typescript] Tips: Assign local variables to default generic slots to dry up your code and improve performance
- [TypeScript] Interface and Class
- [Typescript] 142. Extreme - Multiply
- [Typescript] 76. Easy - Parameters
- [Typescript] 44. Medium - Drop char
- [Typescript] Remove one element from unit type
- [TypeScript] Model Alternatives with Discriminated Union Types in TypeScript
- TypeScript 里 object 和 Object 的区别
- 43%非常看好TypeScript…解读“2022前端开发者现状报告”