web-dev-qa-db-ja.com

typescriptを使用してEclipseでangular2を動作させる方法

ですから、angular2の研究を始めていましたが、TypeScriptへの参照が非常に多く見られるようになったので、javascriptから切り替えようとしています。問題は、Eclipseにすべてをインストールするために従うことができる素敵な小さなガイド（角度、javascript、angularのメインページで5分間のガイドコードを起動するために必要なすべて）を見つけたので、私はそれをやり遂げました作業。

今私はTypeScriptで同じことをしたいと思っていますが、動作していないように見えてコードを起動できず、node.jsがもう動作していないようですが、私は知りません期待される結果は何ですか、何が欠けているのかわかりません。

たとえば、5分間のガイドをやり直しましたが、違いとして、モジュールのインストールもrun-as構成も準備できていないことに気付きました。実際、TypeScriptコードとして実行することはできません。する。

javascripteclipsetypescriptangular
11
monkey intern

私がしたことは：

1- Eclipse Marsをインストールします。他の人は古いバージョンを使用します

2- Node.jsをインストールする

3- WildFlyサーバーのインストール

4- TypeScriptプラグインのインストール https://marketplace.Eclipse.org/content/TypeScript

5-プロジェクトをEclipseにインポートします。新しい静的Webプロジェクトを作成し、そこにファイルを追加する必要がある場合があります。 5分間のクイックスタートはEclipse Webプロジェクトではないため、これをインポートできない場合があります。持っているノードモジュールと同じ構造をコピーして貼り付けることを忘れないでください

6-プロジェクトを右クリック>構成> TypeScript Builderを有効化

7- [プロジェクト]> [プロパティ]> [TypeScript]> [コンパイラ]を右クリックして、次のように構成します。

enter image description here

これがあなたのためになることを願っています。

このプラグインはjson構成ファイルを尊重しないため、スクリーンショットのように手動でこれを行う必要があることに注意してください。また、コンポーネントコンストラクターに引数を提供しようとすると、エラーが発生します。それらを手に入れたら教えてください。また、@ Inputのような一部のアノテーションを使用しても機能しないため、@ Componentアノテーション内でinputs：[]を使用する必要があります。

12
Mohy Eldeen

これらのプラグインを火星の上に追加してみることができます：

これら2つはインキュベーション中ですが、すでに優れた機能を提供しています。もう1つあります。私は試しませんでしたが、ある程度の人気があります。

6
Mickael

Eclipse> =ネオン

1
Christophe Roussy

エクリプス酸素

デフォルトのjavascriptインストール、次にangular 2/TypeScriptのデフォルトの無料プラグインをここから追加しました：

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

インストール後、既存のAngular 4/TSプロジェクトを開き、正常に動作しました。その後、 http://www.liclipse.com/text/updatesから.scssのサポートをインストールしました 。すべてのセットアップおよびTypeScript 2.4.1/nodejs v6.9.4。での構成。

しかし、数日以内に.tsファイルをまったく開けなくなりました。 ngプラグインを再インストールしても修正されませんでした。liclipseプラグインをアンインストールしても変更はありません。基本的に、Eclipseはそのままng4プロジェクトで使用できなくなります。

ログには次のエラーが表示されます。

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