如何解决JavaScript文件中出现的TypeScript报错问题

根因说明 #

这类报错是VS Code内置的TypeScript语言服务触发的，和你是否安装第三方TS扩展无关，默认情况下编辑器会对JavaScript文件执行基础类型校验，你全局安装的TS版本会被编辑器优先调用，因此哪怕项目没有任何TS相关配置也会出现报错。 #

解决方法 #

你可以根据自己的需求选择以下任意一种方案：

• 方案1：仅针对当前单文件屏蔽校验
  在你的JS文件第一行添加注释即可，仅对当前文件生效，不需要改动全局配置：
  // @ts-nocheck
• 方案2：全局关闭JS文件的TS类型校验
  打开VS Code的settings.json配置文件，添加以下配置：

// 关闭所有JS文件的默认类型校验
"javascript.validate.enable": false,
// 可选：不需要TS功能的话可以额外关闭TS校验
"typescript.validate.enable": false

保存配置后重启VS Code即可完全消除这类报错。

• 方案3：切换TS版本避免全局版本兼容问题
  如果不想关闭校验功能，可按F1唤起命令面板，输入TypeScript: Select TypeScript Version，选择「使用VS Code内置版本」即可，解决全局安装的4.4.2版本TS和编辑器服务不兼容导致的误报。

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