web-dev-qa-db-ja.com

AngularJS 2.0 TypeScript Intellijのアイデア（またはwebstorm）-ES6インポート構文

これらの手順を実行して AngularJS 2.0サンプル アプリを実行しようとしています。

そのステップでは、app.tsにコードを配置します。

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

最新の14.1.3を取得IntelliJ IDE。

しかし、理解できないようです'import'（不満を強調）

Q：ISこれは、まだTypeScript 1.5をサポートしていないためですか？（IDE設定1.4の組み込みバージョンが表示されます。そのIDEでコンパイルできますか？

intellij-ideatypescript1.5typescript1.4
15
ses

使用するモジュールローダーを指定するためのコンパイラー引数を指定していないようです。また、最新のTypeScriptコンパイラーを使用していることを確認する必要があります。これまでのところ、最新のバージョンは1.5.0ベータ版でした。

最初

TypeScriptコンパイラのビンtscとその他すべての関連ファイルをGitHubリポジトリからダウンロードできます： https://github.com/ Microsoft/TypeScript/tree/master/bin

または、Node.jsパッケージとしてインストールすることもできます。

npm install -g TypeScript

秒

コンパイラーのバージョンをcustomに変更し、最新のTypeScript binフォルダーの場所を指すようにして、intelliJを適切に構成する必要があります。

intelliJでCtrl + Alt + Sを押し、TypeScript以下を検索します言語とフレームワークTypeScriptを選択しますが、IntelliJが最新であることを確認してください。

そして、ここで求めている問題を解決するには、次のコマンドラインオプションを指定します。

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

スクリーンショット：

enter image description here

サード

TypeScript 1.5コンパイラとAngular 2は両方ともベータ版であるため、この回答は次の週または月には無関係になる可能性があることを言及する価値があります。

楽しい！

ダニー

20
Dany Ellement

設定ページでJavaScriptバージョンを選択する必要があります。

言語とフレームワーク-> JavaScript

右のページにあります。 JavaScript言語バージョンのドロップダウンメニュー。私の考えでは、以下の項目があります。

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

1
Jason Cao

IntelliJには、カスタムTypeScriptバージョンを定義できるオプションがあります。デフォルトは1.4ですが、1.5ベータ版をダウンロードして割り当てることができます。私が見たサンプルの唯一の問題は、デコレータメタデータを生成するために1.5の新しい引数をアクティブにすることです。 IntelliJは常にTSプロセスが停止したことを報告します。

0
João Fernandes