web-dev-qa-db-fra.com

Comment faire fonctionner angular2 dans Eclipse avec un manuscrit

Je commençais donc mes recherches sur angular2 et comme je voyais tellement de références à TypeScript que je préférais, j'essaie de passer du javascript à celui-ci. Le problème, c’est que j’ai vu un joli petit guide que je pourrais suivre pour tout installer dans Eclipse (angular, javascript, tout le nécessaire pour lancer le code guide de 5 minutes sur la page principale de angular), c’est ce que j’ai réussi à faire. travail.

Maintenant, j'aimerais faire la même chose avec TypeScript, mais je me trouve perdu car il ne semble pas fonctionner, je ne peux pas lancer de code, c'est comme si node.js ne fonctionnait plus, mais je ne sais pas Quel est le résultat attendu, je ne suis pas sûr de ce qui manque.

Par exemple, j’ai fait le guide de 5 minutes et remarque comme différence que je n’ai pas l’installation des modules, ni aucune configuration exécutée en tant que telle, en fait, je ne parviens pas à exécuter en tant que code TypeScript j’essaie faire.

javascripteclipsetypescriptangular
11
monkey intern

Ce que j'ai fait était:

1- Installez Eclipse Mars, les autres gars utilisent des versions plus anciennes 

2- Installez Node.js

3- Installer le serveur WildFly 

4- Installez le plugin TypeScript https://marketplace.Eclipse.org/content/TypeScript

5- Importer mon projet dans Eclipse, vous devrez peut-être créer un nouveau projet Web statique et y ajouter vos fichiers. Le démarrage rapide de 5 minutes n’est pas un projet Web Eclipse, vous ne pourrez donc peut-être pas l’importer. N'oubliez pas de copier et coller la même structure avec les modules de nœud que vous avez 

6- Faites un clic droit sur le projet> Configurer> Activer TypeScript Builder

7- Cliquez avec le bouton droit sur le projet> Propriétés> TypeScript> Compilateur et configurez comme suit: 

 enter image description here

J'espère que cela va le faire pour vous. 

N'oubliez pas que ce plugin ne respecte pas le fichier de configuration JSON, vous devez donc le faire manuellement, comme dans la capture d'écran. De plus, si vous allez fournir des arguments à votre constructeur de composant, vous aurez des erreurs. Faites-moi savoir si vous avez ceux-ci. Une autre chose à mentionner est que l'utilisation de certaines annotations telles que @Input ne fonctionnera pas, vous devrez utiliser des entrées: [] dans votre annotation @Component. 

12
Mohy Eldeen

Vous pouvez essayer d’ajouter ces plugins au-dessus de Mars:

Ces 2 sont en incubation mais offrent déjà de bonnes caractéristiques. Il y en a un autre, que je n'ai pas essayé mais qui a une certaine popularité:

6
Mickael

Eclipse> = Néon

1
Christophe Roussy

Eclipse Oxygen

Installation javascript par défaut, puis ajout du plugin gratuit par défaut pour angular 2/TypeScript à partir d’ici:

angular2.ide - http://oss.opensagres.fr/angular2-Eclipse/1.3.0/

Après l’installation, j’ai ouvert un projet Angular 4/TS existant, qui a bien fonctionné. J'ai ensuite installé le support pour .scss à partir de http://www.liclipse.com/text/updates . Tout est configuré et configuré avec TypeScript 2.4.1/nodejs v6.9.4.

Mais au bout de quelques jours il ne parvient plus à ouvrir les fichiers .ts. La réinstallation du plug-in ng ne résout pas le problème, j'ai désinstallé le plug-in liclipse et aucun changement non plus. Cela rend Eclipse inutilisable pour les projets ng4 en l'état.

Les journaux affichent les erreurs suivantes. 

org.Eclipse.core.runtime.CoreException: Plug-in "ts.Eclipse.ide.jsdt.ui" was unable to instantiate class "ts.Eclipse.ide.jsdt.internal.ui.editor.TypeScriptEditor".
    at org.Eclipse.core.internal.registry.osgi.RegistryStrategyOSGI.throwException(RegistryStrategyOSGI.Java:194)
    at org.Eclipse.core.internal.registry.osgi.RegistryStrategyOSGI.createExecutableExtension(RegistryStrategyOSGI.Java:188)
    at org.Eclipse.core.internal.registry.ExtensionRegistry.createExecutableExtension(ExtensionRegistry.Java:905)
...
Caused by: Java.lang.NoClassDefFoundError: org/Eclipse/wst/jsdt/ui/text/JavaScriptSourceViewerConfiguration
    at Java.lang.Class.getDeclaredConstructors0(Native Method)
    at Java.lang.Class.privateGetDeclaredConstructors(Unknown Source)
...
Caused by: Java.lang.ClassNotFoundException: An error occurred while automatically activating bundle org.Eclipse.wst.jsdt.ui (441).
    at org.Eclipse.osgi.internal.hooks.EclipseLazyStarter.postFindLocalClass(EclipseLazyStarter.Java:112)
    at org.Eclipse.osgi.internal.loader.classpath.ClasspathManager.findLocalClass(ClasspathManager.Java:529)
 ...
 Caused by: Java.lang.ClassFormatError: Name index 1 in LocalVariableTable has bad constant type in class file org/Eclipse/wst/jsdt/internal/core/JavaModelManager
0
Craig