你有没有遇到过相同环境下和其他同事的typescript类型检查不一致的问题?

新员工在使用IDEA+TS时遇到类型检查问题,发现可能是IDEA缓存和个性化配置影响。通过清理缓存、还原默认设置、导入领导配置,最终解决了问题,避免了重装系统。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言 :

由于刚入职公司不久,leader要求开发环境和大家保持一致,甚至IDE,我觉得这样也挺好,不过刚开发了一个星期就发现在使用IDEA+TS的过程中,typescript类型检查结果和其他同事不一样了,这个着急啊,因为我重装了IDEA都没能解决,leader说我的环境可能有问题,最坏的打算是重装系统(定位不到原因的话),因为IDEA破解咱也不知道改了啥或者我自己改了什么个性化的配置导致。

问题展示如下图:
在这里插入图片描述
如图,leader拉取我的代码到IDEA看到的是有报红的,而我自己的IDEA中并没有报红,我们的环境都是一致的。
但是重装系统无疑会消耗更多时间,从而对工作进度造成阻塞。

今天趁领导还未分配任务,赶紧自己定位一下原因,我的思考是

  1. IDEA安装包和破解都是leader统一给的,这里应该不是问题
  2. 我先在TS上下手,先去查看了tsconfig.json并没有去掉任何检查项,如下图:

在这里插入图片描述
3. 然后去掉node_moudules文件夹,重新npm install,嘿嘿是不是你遇到这个问题也是这么想的,事实并不管用
4. 突然想到我平时在开发过程中有时候在被检查到类型错误的时候经常去点击代码行前面的小灯泡,如下图:

在这里插入图片描述
在这里插入图片描述

会不会我当初点击了小灯泡从而忽略了这个类型检查,然后就不报红了,但是leader拉取我的分支一看,没错,报红了!
那么为什么我从小灯泡点击了忽略不会修改我的ts文件配置呢?

  1. 查阅了一番资料终于知道:原来↓
    每个IDE几乎都有默认情况下自带的typescript中的tsc,
    而不光是我们当前项目安装的typescript的tsc。
    终于知道大概率的原因了,突然有种灵光一闪的赶脚

  2. 继续思考,那如果是这个原因,我是不是应该尝试从IDEA身上下手了,然后我干了如下几件事:

    从C盘找到C:\Users\shinow\AppData 缓存路径,将里面关于IDEA的缓存文件夹删除

    打开IDEA,找到:文件->清除缓存功能,都勾上,确定,如下图:
    在这里插入图片描述
    在这里插入图片描述

    打开文件->管理IDE设置->还原为默认值:类似于手动去掉项目文件中的.idea文件夹,个人感觉这个比手动删除要干净,如下图:
    在这里插入图片描述

    打开文件->管理IDE设置->导入配置:找到leader给你的setting.zip文件夹,将他们的配置导入,这样各种IDEA设置都和leader一样了。如下图:
    在这里插入图片描述
    在这里插入图片描述

    我还重装了node,重新拉了代码,反正除了重装系统其他基本都重装了,但我觉得关系最大的还是以上几步

    最后问题得到了解决,领导也很开心,毕竟不用重装系统,节省时间成本,还找到了原因,有所收获

    本文原创,如需转载请注明出处:https://blog.youkuaiyun.com/l2025043/article/details/137669505

TypeScript中,类型断言类型检查是用于处理类型安全的重要工具。类型断言允许开发者告诉编译器“相信我,我知道我在做什么”,而类型检查则用于在编译时验证变量的类型类型断言: 类型断言在TypeScript中用于明确指定某个值的类型,当你确定某个变量的类型TypeScript编译器所推断出的类型时,可以使用类型断言来告诉编译器正确的类型TypeScript支持两种类型断言的语法: 1. 尖括号语法: ```typescript let someValue: any = "this is a string"; let strLength: number = (<string>someValue).length; ``` 2. `as`语法(推荐在JSX中使用): ```typescript let someValue: any = "this is a string"; let strLength: number = (someValue as string).length; ``` 注意:在TypeScript中,当你使用JSX时,必须使用`as`语法来避免与JSX的尖括号产生冲突。 类型检查类型检查TypeScript中主要是通过类型守卫(Type Guards)来实现的。类型守卫是对某个变量类型进行检查,并在之后的代码块中缩小类型的范围。TypeScript中的类型守卫包括但限于以下几种方式: 1. typeof操作符: ```typescript function doSomething(value: number | string) { if (typeof value === "string") { // 在这里,value的类型被缩小为string console.log(value.toUpperCase()); } else { // value的类型在这里是number console.log(value.toFixed(2)); } } ``` 2. instanceof操作符: ```typescript class Bird { fly() {} } class Airplane { fly() {} } function getFlyingObject(obj: Bird | Airplane) { if (obj instanceof Bird) { // obj的类型在这里被缩小为Bird obj.fly(); } else if (obj instanceof Airplane) { // obj的类型在这里被缩小为Airplane obj.fly(); } } ``` 3. 自定义类型守卫函数: ```typescript function isFish(pet: Fish | Bird): pet is Fish { return (pet as Fish).swim !== undefined; } // 使用自定义的类型守卫函数 if (isFish(pet)) { pet.swim(); } else { pet.fly(); } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

厉害坤坤

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值