常见的 Error
在此章节中,我们学习在实际应用中将会遇到的常见错误代码。
TS2304
例子:
Cannot find name ga
,Cannot find name $
,Cannot find module jquery
你可能在使用第三方的库(如:google analytics),但是你并没有 declare
的声明。在没有声明它们之前,TypeScript 试图避免错误和使用变量。因此在使用一些额外的库时,你需要明确的声明使用的任何变量(如何修复它)。
TS2307
例子:
Cannot find module 'underscore'
你可能把第三方的库做为模块(移步模块)来使用,并且没有一个与之对应的环境声明文件(更多声明文件信息)。
TS1148
例子:
Cannot compile modules unless the '--module' flag provided
请查看模块章节
捕获不能有类型注解的简短变量
例子:
try {
something();
} catch (e) {
// 捕获不能有类型注解的简短变量
// ...
}
TypeScript 正在保护你免受 JavaScript 代码的侵害,取而代之,使用类型保护:
try {
something();
} catch (e) {
// 捕获不能有类型注解的简短变量
if (e instanceof Error) {
// do...
}
}
接口 ElementClass
不能同时扩展类型别名 Component
和 Component
当在编译上下文中同时含有两个 react.d.ts
(@types/react/index.d.ts
)会发生这种情况。
修复:
- 删除
node_modules
和任何package-lock
(或者yarn lock
),然后再一次npm install
; - 如果这不能工作,查找无效的模块(你所使用的所用用到了
react.d.ts
模块应该做为peerDependency
而不是做为dependency
使用)并且把这个报告给相关模块。
看完两件小事
如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:
- 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
- 关注公众号 「IT平头哥联盟」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程