Os 'tipos' de js só podem ser usados ​​em um arquivo .ts - Código do Visual Studio usando @ ts-check

Estou começando a usar o TypeScript em um projeto Node no qual estou trabalhando no Visual Studio Code. Eu queria seguir a estratégia "opt-in", semelhante ao Flow. Portanto, coloquei // @ts-checkno topo do meu .jsarquivo na esperança de habilitar o TS para esse arquivo. No final das contas, eu quero a mesma experiência de "linting" que o Flow, portanto instalei o plug-in TSLint para ver avisos / erros do Intellisense.

Mas com meu arquivo parecido com:

// @ts-check

module.exports = {
  someMethod: (param: string): string => {
    return param;
  },
};

e meu tsconfig.jsonarquivo se parece com ...

{
  "compilerOptions": {
      "target": "es2016",
      "module": "commonjs",
      "allowJs": true
  }
}

Recebo este erro: [js] 'types' can only be used in a .ts file.conforme mostrado abaixo na imagem.

Eu vi esta questão que recomendava desativar a validação de javascript no vscode, mas isso não me mostra nenhuma informação do TypeScript Intellisense.

Tentei definir tslint.jsEnablecomo trueem minhas configurações de vscode, conforme mencionado nos documentos de extensão do TSLint, mas não tive sorte.

Qual é a configuração correta para usar .jsarquivos com TypeScript e obter o Intellisense para que eu saiba quais são os erros em meu código antes de executar qualquer comando TS?

Estou usando @flow com vscode, mas tive o mesmo problema.

Eu resolvi com estas etapas:

1. instale a extensão Flow Language Support
2. desative a extensão TypeScript integrada:

Como desativar o TypeScript integrado:

1. vá para a guia de extensões
2. procure @builtin TypeScript e recursos de linguagem JavaScript
3. clique em Desativar

Use "javascript.validate.enable": falsenas configurações do VS Code, ele não desativa o ESLINT. Eu uso ESLINT e Flow. Basta seguir as instruções de Fluxo para configuração do código Vs

Adicionando esta linha em settings.json. Ajuda "javascript.validate.enable": false

Você deve usar um .tsarquivo - por exemplo, test.tspara obter a validação do Typecript, intellisense typing de vars, tipos de retorno, bem como verificação de erro "digitada" (por exemplo, passar um stringpara um método que espera umnumber parâmetro resultará em erro).

Ele será transpilado para (padrão) .js viatsc .

Atualização (11/2018):

Esclarecimento necessário com base em votos negativos, comentários muito úteis e outras respostas.

types

• Sim, você pode fazer o typecheck-in do VS Code em .jsarquivos com @ts-check- como mostrado na animação

• O que eu originalmente estava me referindo para o texto datilografado types é algo assim, no .tsqual não é exatamente a mesma coisa:

  hello-world.ts

  function hello(str: string): string {
    return 1;
  }
  
  function foo(str:string):void{
     console.log(str);
  }

  Isso não vai compilar. Error: Type "1" is not assignable to String

• se você tentou essa sintaxe em um arquivo Javascript hello-world.js :

  //@ts-check
  
  function hello(str: string): string {
    return 1;
  }
  
  function foo(str:string):void{
     console.log(str);
  }

  A mensagem de erro referenciada por OP é mostrada: [js] 'types' can only be used in a .ts file

Se houver algo que perdi que cubra isso e também o contexto do OP, adicione. Vamos todos aprender.

Pra quem pousar aqui e todas as outras soluções não funcionaram dá uma chance. Estou usando typescript + react e meu problema era que eu estava associando os arquivos em vscode para javascriptreactnão typescriptreactverificar suas configurações para as entradas a seguir.

   "files.associations": {
    "*.tsx": "typescriptreact",
    "*.ts": "typescriptreact"
  },