web-dev-qa-db-fra.com

AngularJS 2.0 TypeScript Intellij idea (ou webstorm) - Syntaxe d'importation ES6

Essayez de faire ces étapes pour rendre échantillon AngularJS 2.0 app en cours d'exécution.

Sur cette étape, mettre du code dans app.ts:

/// <reference path="typings/angular2/angular2.d.ts" />
import {Component, View, bootstrap} from 'angular2/angular2';

Vous avez le dernier 14.1.3 IntelliJ IDE.

Mais apparemment, il ne comprend pas 'import' (soulignant se plaindre)

Q: IS ça parce qu'il ne supporte pas encore TypeScript 1.5? (ce sont les paramètres IDE que je peux voir dans la version 1.4 intégrée) ..... Peut-il être compilé avec cet IDE?

15
ses

il semble que vous n'ayez pas spécifié les arguments du compilateur pour indiquer le chargeur de module à utiliser, vous voulez également vous assurer que vous utilisez le dernier compilateur TypeScript, le dernier en date étant la version 1.5.0 bêta.

Premier

Vous pouvez télécharger le fichier bin du compilateur TypeScript tsc et tous les autres fichiers associés dans leur référentiel GitHub: https://github.com/Microsoft/TypeScript/tree/master/bin

ou vous pouvez également l'installer en tant que package Node.js:

npm install -g TypeScript

Seconde

Vous devez configurer intelliJ correctement en remplaçant la version du compilateur par custom et en pointant vers l'emplacement du dernier dossier bin TypeScript.

dans IntelliJ, appuyez sur Ctrl + Alt + S, recherchez TypeScript et sous Langages et cadres sélectionnez TypeScript, assurez-vous que votre système IntelliJ est à jour.

Et pour résoudre le problème que vous demandez ici, spécifiez les options de ligne de commande suivantes:

--module "AMD" --target "es5"

Capture d'écran:

enter image description here

Troisième

Il est à noter que le compilateur TypeScript 1.5 et Angular 2 sont tous deux en version bêta. Cette réponse risque donc de ne pas être pertinente dans les semaines ou les mois suivants.

Prendre plaisir!

Dany

20
Dany Ellement

vous devez sélectionner la version javascript de la page Préférences.

Langages & Frameworks -> JavaScript

sur la bonne page. Menu déroulant de la version de langue JavaScript ..__de mon idée, il a un élément ci-dessous.

JavaScript 1.5 ECMAScript 5.1 JavaScript 1.6 JavaScript 1.7 JavaScript 1.8 JavaScript 1.8.6 ECMAScript 6 ...

1
Jason Cao

Il existe une option dans IntelliJ où vous pouvez définir une version TypeScript personnalisée. La valeur par défaut est 1.4, mais vous pouvez télécharger la version 1.5 bêta et l'assigner. Le seul problème avec l'exemple que j'ai vu est d'activer 1.5 nouvel argument pour générer des métadonnées de décorateurs. IntelliJ rapporte toujours que le processus TS s'est arrêté.

0
João Fernandes