Désaccord de version entre le compilateur tsc et le service de langue de VS Code

Question

Je viens de commencer à jouer avec Visual Studio Code et lorsque j'ai créé un nouveau fichier appelé index.html, j'ai reçu le message d'avertissement suivant

Un décalage de version entre le compilateur tsc (1.0.3.0) installé dans le monde entier et le service de langage de VS Code (1.8.10) a entraîné un problème de compatibilité.

Quelqu'un peut-il me dire ce que je dois faire pour résoudre ce problème ?

Est-ce grave ou puis-je l'ignorer ? J'ai cherché sur Google mais je n'ai pas trouvé beaucoup d'informations.

Gracias

Answer 1

J'ai ajouté ceci à mon settings.json accessible par le biais de preferences > Workspace Settings :

"typescript.tsdk": "node_modules/typescript/lib"

Maintenant, je ne reçois plus cette erreur et dans le coin inférieur droit de mon écran, la version actuelle de Typescript que j'ai installée est affichée.

Answer 2

[MISE À JOUR] VS Code 1.6 now ships with TypeScript 2.0.3 .

Je viens d'installer la dernière version de Typescript, actuellement v.2.0.3 et installé VS Code v.1.5.3 sur macOS Sierra. Pour une raison quelconque, suivre exactement la doc officielle n'a pas fonctionné pour moi.

Voici comment je l'ai fait fonctionner :

Après avoir installé la dernière version au niveau mondial : npm i -g typescript j'ai ajouté la ligne suivante à mon settings.json (ouvert par cmd + , ) :

"typescript.tsdk": "/usr/local/lib/node_modules/typescript/lib",

J'espère que cela aidera quelqu'un d'autre.

[mise à jour] comme @ptpaterson l'a mentionné dans le commentaire ci-dessous, sous Windows le chemin est : "typescript.tsdk": "C:/Users/{user_name}/AppData/Roaming/npm/node_modules/typescript/lib/"

Answer 3

Vous devez modifier la version de TypeScript que Visual Code utilise pour qu'elle corresponde à la version que vous avez installée :

https://code.visualstudio.com/docs/languages/typescript#_using-newer-typescript-versions

Le texte ci-dessus est extrait du lien :

Si vous souhaitez utiliser une version plus récente de TypeScript, vous pouvez définir le paramètre typescript.tsdk (Fichier > Préférences > Paramètres de l'utilisateur/espace de travail) pointant vers un répertoire contenant le fichier TypeScript tsserver.js.

Vous pouvez trouver l'emplacement d'installation en utilisant npm list typescript, tsserver.js se trouve généralement dans le dossier lib.

Par exemple :

{
    "typescript.tsdk": "node_modules/typescript/lib"
}

Answer 4

Vous devez mettre à jour votre installation de Typescript et redémarrer Code ensuite :

npm install -g typescript

ou

npm install -g typescript@1.8.10

Le message ne devrait plus apparaître, si cela a fonctionné.

Answer 5

Cette erreur a été générée parce que j'avais une référence à une ancienne installation de TypeScript dans ma variable System Path :

C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.0\

L'erreur de Visual Studio Code a été résolue lorsque j'ai supprimé cette entrée.

Cependant, mes fichiers TypeScript n'ont pas pu être transpilés car l'action de construction n'a pas trouvé le fichier tsc.exe fichier.

Lorsque le SDK est installé (par le biais de Visual Studio ou d'une procédure manuelle d'installation), il n'est pas nécessaire de le faire. *.visx installer), un tsc.exe est installé et la variable d'environnement PATH est mise à jour pour faire référence au dossier dans lequel se trouve ce fichier (voir ci-dessus).

Il existe un autre moyen de transpiler vos fichiers dans un environnement Windows en utilisant node.js :

• Installez node.js. Les paquets d'installation peuvent être trouvés aquí .

• Utilisez npm pour installer TypeScript :

  npm install -g typescript

  Cela ajoutera les fichiers TypeScript à votre profil. AppData dossier :

  C:\Users\{your_user_name}\AppData\Roaming\npm\node_modules\typescript\lib

• Configurer votre code Visual Studio utilisateur settings.json pour faire référence à ce dossier :

  {
  "typescript.tsdk": "C:\\\\Users\\\\{your\_user\_name}\\\\AppData\\\\Roaming\\\\npm\\\\node\_modules\\\\typescript\\\\lib"
  }

• Ajouter / mettre à jour le utilisateur variable d'environnement PATH pour faire référence au dossier qui contient le fichier tsc.cmd fichier :

  %USERPROFILE%\AppData\Roaming\npm