js 'types' può essere utilizzato solo in un file .ts - Visual Studio Code utilizzando @ ts-check

Sto iniziando a utilizzare TypeScript in un progetto Node su cui sto lavorando in Visual Studio Code. Volevo seguire la strategia "opt-in", simile a Flow. Pertanto ho messo // @ts-checkin cima al mio .jsfile nella speranza di abilitare TS per quel file. In definitiva, voglio la stessa esperienza di "linting" di Flow, quindi ho installato il plugin TSLint in modo da poter vedere gli avvisi / errori di Intellisense.

Ma con il mio file simile a:

// @ts-check

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

e il mio tsconfig.jsonfile sembra ...

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

Ottengo questo errore: [js] 'types' can only be used in a .ts file.come mostrato di seguito nell'immagine.

Ho visto questa domanda che consigliava di disabilitare la convalida di javascript in vscode ma poi questo non mi mostra alcuna informazione su TypeScript Intellisense.

Ho provato a impostare tslint.jsEnablesu truenelle mie impostazioni vscode come menzionato nei documenti dell'estensione TSLint ma senza fortuna.

Qual è l'impostazione corretta per utilizzare i .jsfile con TypeScript e ottenere Intellisense in modo da sapere quali sono gli errori nel mio codice prima di eseguire qualsiasi comando TS?

Sto usando @flow con vscode ma ho avuto lo stesso problema.

L'ho risolto con questi passaggi:

1. installare l'estensione Flow Language Support
2. disabilitare l'estensione TypeScript incorporata:

Come disabilitare TypeScript integrato:

1. vai alla scheda estensioni
2. cerca @builtin TypeScript e JavaScript Language Features
3. fare clic su Disabilita

Usa "javascript.validate.enable": falsenelle impostazioni del tuo codice VS, non disabilita ESLINT. Uso sia ESLINT che Flow. Segui semplicemente le istruzioni Flow For Vs Code Setup

Aggiungendo questa riga in settings.json. aiuta "javascript.validate.enable": false

È necessario utilizzare un .tsfile, ad esempio test.tsper ottenere la convalida typing del dattiloscritto , l'intellisense di vars, i tipi restituiti, nonché il controllo degli errori "tipizzati" (ad esempio il passaggio di a stringa un metodo che prevede unnumber parametro vada in errore).

Verrà trasferito in (standard) .js tramitetsc .

Aggiornamento (11/2018):

Chiarimento necessario sulla base di voti negativi, commenti molto utili e altre risposte.

types

• Sì, puoi eseguire il typecheck-in di VS Code nei .jsfile con @ts-check- come mostrato nell'animazione

• Quello a cui mi riferivo originariamente per Typescript types è qualcosa di simile in .tscui non è proprio la stessa cosa:

  hello-world.ts

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

  Questo non verrà compilato. Error: Type "1" is not assignable to String

• se hai provato questa sintassi in un file Javascript hello-world.js :

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

  Viene visualizzato il messaggio di errore a cui fa riferimento l'OP: [js] 'types' can only be used in a .ts file

Se c'è qualcosa che mi è sfuggito che copre questo e il contesto dell'OP, aggiungi. Impariamo tutti.

Per chi atterra qui e tutte le altre soluzioni non hanno funzionato, provalo. Sto usando typescript + react e il mio problema era che stavo associando i file in vscode in quanto javascriptreactnon typescriptreactcontrollava le impostazioni per le seguenti voci.

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