TypeScript 5.7未赋值变量为何编译成功？VSCode报错却可构建

你遇到的情况是VSCode里检测到变量未赋值的错误，但设置了noEmitOnError: true后依然生成了编译文件，主要有这几个可能的原因：

• VSCode与项目使用的TypeScript版本不一致
  VSCode默认自带了一个TypeScript版本用于编辑器语法检查，但你的项目可能安装了另一个版本的TS用于编译。如果编辑器用的TS版本更高，开启了更严格的检查规则（比如检测未赋值变量被引用的情况），而项目本地的TS版本较低，没识别出这个错误，那编译时就不会触发noEmitOnError的限制，依然会生成JS文件。

• tsconfig.json未被编译命令正确加载
  你的package.json里的build命令是tsc，如果当前工作目录和tsconfig.json的位置不匹配，或者编译时没指定--project参数，TS可能会使用默认配置而非你自定义的tsconfig。这种情况下noEmitOnError: true的配置根本没生效，自然会继续编译输出文件。

• 编辑器与项目的TS规则配置不一致
  可能你在VSCode的工作区/用户设置里开启了额外的严格检查规则（比如strictNullChecks、noImplicitAny），但项目的tsconfig.json里没开启这些规则。这就导致编辑器会报错，但编译时TS并不认为这是一个错误，所以不会阻止文件生成。

可以通过以下操作验证排查：

1. 在项目根目录运行tsc --version，对比VSCode右下角显示的TS版本，确认是否一致；
2. 把build命令改成tsc --project ./tsconfig.json，强制加载自定义配置文件；
3. 检查tsconfig.json里的strict相关规则，和VSCode的TS设置是否匹配。

内容的提问来源于stack exchange，提问作者invariant