Por que o VSCode não mostra erros TypeScript em arquivos fechados no projeto React

Muita gente fica na dúvida se o VSCode realmente está fazendo o seu trabalho direito na hora de mostrar erros TypeScript, especialmente em projetos React usando create-react-app.

A maior pegadinha é que, por padrão, o VSCode só exibe os erros nas abas de arquivos que estão abertos na hora. Isso pode fazer a gente passar batido em erros que só aparecem na compilação, e aí só descobre na hora de rodar o app.

A solução mais prática, e que ajuda muito na rotina, é configurar o TypeScript para fazer a verificação contínua de todo o projeto, mesmo com os arquivos fechados. Sem esse critério, a solução pode parecer simples no começo e cara no suporte. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco.

Dá pra fazer isso usando o comando "tsc --watch" no terminal, ou melhor ainda, ajustar o seu workspace para rodar essa verificação de forma automática ao abrir ou salvar arquivos. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco. Por isso, o recorte precisa considerar manutenção, validação e caminho de volta. Esse contexto ajuda a separar ganho real de novidade difícil de sustentar.

Assim, o código fica mais seguro e você consegue corrigir erros antes mesmo de rodar o app.

Quem já tentou alguma configuração diferente ou usa algum plugin que ajude nisso? Acho que a galera que trabalha com TS em React vai agradecer essa dica. Esse contexto ajuda a separar ganho real de novidade difícil de sustentar. A decisão fica mais saudável quando o time consegue medir o impacto depois. Sem esse critério, a solução pode parecer simples no começo e cara no suporte. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco. Por isso, o recorte precisa considerar manutenção, validação e caminho de volta.