reactjs - 如何让 VSCode 显示文件*未*在编辑器中打开的 TypeScript 错误？

Question

在我的 create-react-app@2.1.8 TypeScript/React 应用程序中，TS 编译器错误仅显示在我在 VS 代码编辑器中打开的文件的“问题” Pane 中。因此，有时我在实际运行应用程序之前不会发现错误。

如何让 TypeScript 在我打开工作区或保存对文件的更改时自动检查所有代码文件中的编译器错误？

我尝试在 package.json 中添加 "watch": "tsc --watch" 作为脚本，然后执行 npm run-script watch 在集成的终端面板中，但这有两个问题:

• 错误显示在终端 Pane 中，但不会填充 VSCode 中的“问题” Pane
• 我必须手动运行它，而不是它在工作区加载时自动启动

有没有更好的解决方案？

顺便说一句，这与 Show project wide TypeScript problems/errors in webstorm 是同一个问题，而是关于 Visual Studio Code 而不是 webstorm。

Answer 1

截至 2020 年 4 月 14 日 在正式版 VS Code 中有一项实验性功能启用项目范围的问题报告。将以下内容添加到您的 settings.json:

"typescript.tsserver.experimental.enableProjectDiagnostics": true

它仍然是一个实验性功能(经过几年的忽视)，因此它可能同时令人难以抗拒和平淡无奇。好消息是它显然也适用于其他语言并且尊重您的配置文件。

看这个space .