2016-03-20 12 views
3

私はangular.ioからAngular2クイックスタートガイドに従っていました。systemJsを使用してangular2ライブラリをロード

angular2、rx.jsとangular2.dev.jsは

は、これらのスクリプトをインポートするには、とにかくそこ..ですスクリプト参照の代わりに、インポートを介してロードされますか?

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <script src="node_modules/rxjs/bundles/Rx.js"></script> 
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script> 

    <!-- 2. Configure SystemJS --> 
    <script> 
     System.config({ 
     packages: {   
      app: { 
      format: 'register', 
      defaultExtension: 'js' 
      } 
     } 
     }); 
     System.import('app/main') 
      .then(null, console.error.bind(console)); 
    </script> 
    </head> 

    <!-- 3. Display the application --> 
    <body> 
    <app>Loading...</app> 
    </body> 

答えて

1

Angular2バンドルを含めて、System.registerメソッドを使用してパッケージを直接登録します。あなたはまた、次の構成を使用して、各モジュールのファイルでAngular2ファイルをロードするSystemJSを設定することができますが、それはあまり効率的だと述べて

:どちらの場合も

<script src="node_modules/es6-promise/dist/es6-promise.js"></script> 
<script src="node_modules/es6-shim/es6-shim.js"></script> 

<script src="node_modules/angular2/bundles/angular2-polyfills.min.js"></script> 
<script src="node_modules/systemjs/dist/system.src.js"></script> 

<script> 
    System.config({ 
    defaultJSExtensions: true, 
    map: { 
     angular2: 'node_modules/angular2/src', 
     rxjs: 'node_modules/rxjs' 
    }, 
    packages: { 
     app: { 
     defaultExtension: 'js', 
     format: 'register' 
     }, 
     angular2: { 
     defaultExtension: 'js', 
     } 
    } 
    }); 
    (...) 
</script> 

、それはrxjs/*、対応するモジュール(angular2/*をインポートすることが可能です)をアプリケーションに追加します。

+3

なぜ、node_modules/angular2/bundles/angular2-polyfills.min.js'からangleのポリフィルをロードしていませんか? –

+0

これを指摘してくれてありがとう@CosminAbabei!あなたは完全に正しい。私はそれに応じて私の答えを更新しました... –

+0

このソリューションは、 "system.src.js:1085 GET http:// localhost:3000/node_modules/angular2/src/platform/browser.js"というエラーで失敗します。プラットフォームフォルダにbrowser.jsファイルはありません – runtimeZero

関連する問題