2015-11-24 7 views
7

私はAngularとsystemjsでかなり新しいですが、できるだけ具体的にしようとします。角度2:ファイルの拡張子なしでシステムインポートアプリケーションが機能しない

私はangularjs2とtypescriptを使っています。 .tsファイルをtsconfig.jsonでコンパイルします。ここに私の設定です:

enter image description here

次に、私はsystemjsと私のindex.htmlて自分のアプリケーションをブートストラップします。 しかし、(実際に動作することを、以下、私のinit)拡張子なしのinitを受け入れていない、私のインポート:私はインポートするとき、TSファイルで.TS拡張子(同じ問題に言及することを強制してい

System.config({ 
     transpiler: 'typescript' 
    }); 
    System.import('src/app.ts'); 

手作りのコンポーネント)。
何か忘れていますか?ドキュメンテーションは最初の設定に関する初心者のために少し荒いです。 <head>で呼び出さ
また、私が持っているすべての私のスクリプト(system.js、typescript.js、angular2.dev.js)私はセットアップに必要なAngularJSと毎回の新しいバージョンを勉強してい

+0

how to configure systemjsについての詳細を調べることができますか?私は同じ問題に直面しています – Ayyash

+0

いいえ、残念ながら... – KCarnaille

答えて

3

t SystemJS私はインデックスページでこの設定を使用します。

System.config({ 
    packages: {   
     app: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 

あなたのモジュールを読み込むSystemJSの拡張ファイルとは何ですか、私はあなたを助けてくれました。

+1

これはうまくいっても、2015年のクロムではうまくいきません。 (system.src.jsを使用して) – TheVillageIdiot

-1

Angular's 5-Min Quickstart guideに記載されているプロセスの使用をお勧めします。私はこの質問が尋ねられたときにそれが戻っていたのかどうか分からない。あなたのモジュールが正しくロードされることを推測しています。

+0

@djeastm – fabersky

+1

というリンクだけでなくコードを投稿してください。しかし、それはAngularのウェブサイトからの大きなカットアンドペーストに過ぎません。ソースウェブサイトに直接リンクするのは、とりわけ、plunkrの例、APIドキュメントなどへのリンクが多く含まれているからです。私は、KCarnailleが最初に質問を投稿したときに戻ったとは思わないので、サイトを示唆していました。 – djeastm

+0

これはちょうどコメントでなければならない、リンクのみの答えは答えではない –

1

angularjsクイックスタートでは、パッケージ名が一致しなければならないことは言及していません。私はそれを理解するために私をしばらく持ち込んだ。

System.config({ 
    packages: {   
     WHATEVER: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
System.import('WHATEVER/app'); 
+0

System.importで '.ts'が必要ですか( 'WHATEVER/app.ts'); ?前述のAngular2クイックスタート(2016年2月)では、拡張子 '.ts'は指定されていません。 – mvermand

+0

私の悪い。それはタイプミスでした – CESCO

4

私は唯一の違いは、私は、角

@Nicolasが正しい方向に指摘し、あなたが「defaultExtension」を追加する必要があり、私のために以下の構成がやったを使用していないということである、同様の問題がありましたトリック:

packages: { 
    '.': { 
     defaultJSExtensions: 'js' 
    } 
}, 

は、あなたは、このための答えを見つけるかgithubの

関連する問題