webentwicklung-frage-antwort-db.com.de

So erhalten Sie angle2 in Eclipse mit Typoskript

Ich habe also angefangen, uns über das Thema2 zu informieren, und da ich so viele Verweise auf TypeScript gesehen habe, die mir lieber sind, versuche ich, von Javascript zu wechseln. Das Problem ist, ich habe einen schönen kleinen Leitfaden gesehen, dem ich folgen könnte, um alles in Eclipse zu installieren (eckig, javascript, alles, um den 5-minütigen Leitfaden auf der Hauptseite von eckig zu starten), also habe ich es geschafft und es geschafft Arbeit.

Nun möchte ich dasselbe mit TypeScript tun, aber ich finde mich verloren, da es scheinbar nicht funktioniert, ich kann keinen Code starten, es ist so, als würde node.js nicht mehr funktionieren, aber da ich es nicht weiß Was ist das erwartete Ergebnis, ich bin nicht sicher, was fehlt.

Zum Beispiel habe ich den 5-Minuten-Leitfaden gemacht und als Unterschied erkannt, dass ich weder die Installation der Module noch eine Run-as-Konfiguration bereit habe. Tatsächlich kann ich es nicht als TypeScript-Code ausführen, den ich versuche machen.

11
monkey intern

Was ich gemacht habe war:

1- Eclipse Mars installieren, andere verwenden ältere Versionen 

2- Installieren Sie Node.js

3- Installieren Sie WildFly Server 

4- Installieren Sie das TypeScript-Plugin https://marketplace.Eclipse.org/content/TypeScript

5- Importieren Sie mein Projekt in Eclipse. Möglicherweise müssen Sie ein neues statisches Webprojekt erstellen und Ihre Dateien dort hinzufügen. Der 5-minütige Schnellstart ist kein Eclipse-Webprojekt, daher können Sie dieses möglicherweise nicht importieren. Vergessen Sie nicht, dieselbe Struktur mit den vorhandenen Knotenmodulen zu kopieren 

6- Klicken Sie mit der rechten Maustaste auf das Projekt> Konfigurieren> TypeScript Builder aktivieren

7- Klicken Sie mit der rechten Maustaste auf das Projekt> Eigenschaften> TypeScript> Compiler und konfigurieren Sie es wie folgt: 

 enter image description here

Ich hoffe, das wird es für dich tun. 

Denken Sie daran, dass dieses Plugin die json-Konfigurationsdatei nicht berücksichtigt, Sie müssen dies also wie im Screenshot manuell tun. Wenn Sie dem Komponentenkonstruktor Argumente zur Verfügung stellen, treten Fehler auf. Lass es mich wissen, wenn du welche hast. Zu erwähnen ist auch, dass die Verwendung einiger Annotationen wie @Input nicht funktioniert. Sie müssen die folgenden Eingaben verwenden: [] in Ihrer @Component-Annotation. 

12
Mohy Eldeen

Sie können versuchen, diese Plugins auf dem Mars hinzuzufügen:

Die beiden brüten, bieten aber bereits gute Eigenschaften. Es gibt noch eine andere, die ich nicht ausprobiert habe, die aber etwas populär ist:

6
Mickael

Eclipse> = Neon

1

Eclipse Sauerstoff

Standard Javascript Installation, dann fügte das Standard-Plugin für angle 2/TypeScript von hier hinzu:

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

Nach der Installation habe ich ein vorhandenes Angular 4/TS-Projekt geöffnet, es hat gut funktioniert. Ich installierte dann Unterstützung für .scss von http://www.liclipse.com/text/updates . Alles eingerichtet und mit TypeScript 2.4.1/nodejs v6.9.4 konfiguriert.

Innerhalb weniger Tage werden jedoch keine .ts-Dateien mehr geöffnet. Neuinstallation des ng-Plugins nicht behoben, ich habe das liclipse-Plugin deinstalliert und auch keine Änderung vorgenommen. Im Grunde genommen bleibt Eclipse für ng4-Projekte unbrauchbar.

Die Protokolle zeigen die folgenden Fehler. 

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