js 'types' ne peuvent être utilisés que dans un fichier .ts - Visual Studio Code à l'aide de @ ts-check

Je commence à utiliser TypeScript dans un projet Node sur lequel je travaille dans Visual Studio Code. Je voulais suivre la stratégie "opt-in", similaire à Flow. Par conséquent, je mets // @ts-checken haut de mon .jsfichier dans l'espoir d'activer TS pour ce fichier. En fin de compte, je veux la même expérience de "peluchage" que Flow, donc j'ai installé le plugin TSLint pour que je puisse voir les avertissements / erreurs Intellisense.

Mais avec mon fichier ressemblant à:

// @ts-check

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

et mon tsconfig.jsonfichier ressemble à ...

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

J'obtiens cette erreur: [js] 'types' can only be used in a .ts file.comme indiqué ci-dessous dans l'image.

J'ai vu cette question qui recommandait de désactiver la validation javascript dans vscode, mais cela ne me montre aucune information TypeScript Intellisense.

J'ai essayé la mise tslint.jsEnableà truemes paramètres de vscode comme mentionné dans l'extension TSLint docs , mais pas de chance là - bas.

Quelle est la configuration correcte pour utiliser des .jsfichiers avec TypeScript et obtenir Intellisense afin que je sache quelles sont les erreurs dans mon code avant d'exécuter des commandes TS?

J'utilise @flow avec vscode mais j'ai eu le même problème.

Je l'ai résolu avec ces étapes:

1. installer l'extension Flow Language Support
2. désactivez l'extension TypeScript intégrée:

Comment désactiver TypeScript intégré:

1. aller à l' onglet extensions
2. rechercher @builtin TypeScript et les fonctionnalités du langage JavaScript
3. cliquez sur Désactiver

Utilisez "javascript.validate.enable": falsedans vos paramètres VS Code, cela ne désactive pas ESLINT. J'utilise à la fois ESLINT et Flow. Suivez simplement les instructions Flow For Vs Code Setup

Ajout de cette ligne dans settings.json. Aide "javascript.validate.enable": false

Vous devez utiliser un .tsfichier - par exemple test.tspour obtenir la validation Typescript , l'intellisensetyping des vars, les types de retour, ainsi que la vérification des erreurs "typées" (par exemple, passer a stringà une méthode qui s'attend à ce qu'un numberparamètre entraîne une erreur).

Il sera transpilé en (standard) .js viatsc .

Mise à jour (11/2018):

Clarification nécessaire basée sur des votes négatifs, des commentaires très utiles et d'autres réponses.

types

• Oui, vous pouvez typearchiver VS Code dans des .jsfichiers avec @ts-check- comme indiqué dans l'animation

• Ce à quoi je faisais initialement référence pour Typescript types est quelque chose comme ça dans .tslequel ce n'est pas tout à fait la même chose:

  hello-world.ts

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

  Cela ne compilera pas. Error: Type "1" is not assignable to String

• si vous avez essayé cette syntaxe dans un fichier Javascript hello-world.js :

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

  Le message d'erreur référencé par OP s'affiche: [js] 'types' can only be used in a .ts file

S'il y a quelque chose que j'ai manqué qui couvre cela ainsi que le contexte du PO, veuillez ajouter. Apprenons tous.

Pour quiconque atterrit ici et toutes les autres solutions n'ont pas fonctionné, essayez-le. J'utilise tapuscrit + réagis et mon problème est que je fréquentait les fichiers vscode que javascriptreactne pas typescriptreactvérifier vos paramètres pour les entrées suivantes.

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