CDNとSystemJSを使ってangular2をロードするにはどうすればいいですか？

私のindex.htmlファイルでは、角度2からcdnまでロードしますが、角度2のモジュールをインポートしているようです。CDNとSystemJSを使ってangular2をロードするにはどうすればいいですか？

<html> 
<head> 
    <base href="/"> 
    <title>Angular 2 Arc</title> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 

<body> 
    <ng2-app>Loading...</ng2-app> 
    <!-- Load Angular 2 Core libraries --> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.24/system.js"></script> 
    <script src="https://npmcdn.com/[email protected]/bundles/Rx.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.9/angular2-polyfills.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.9/angular2.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.9/http.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.9/router.min.js"></script> 
    <script src="https://npmcdn.com/[email protected]/es6/dev/src/testing/shims_for_IE.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script> 
    <script src="https://code.angularjs.org/tools/system.js.map"></script> 

    <!-- Load Bootstrap and Jquery --> 
    <script src="lib/jquery/jquery.min.js" charset="utf-8"></script> 
    <script src="lib/bootstrap/js/bootstrap.min.js" charset="utf-8"></script> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" /> 
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css" media="screen" title="no title" charset="utf-8"> 
    <link rel="stylesheet" href="assets/css/app.css"> 
    <!-- Configure SystemJS --> 
    <script> 
     System.config({ 
      defaultJSExtensions: true, 
      packages: { 
       boot: { 
        format: 'register', 
        defaultExtension: 'js' 
       } 
      } 
     }); 
     System.import('js/boot') 
       .then(null, console.error.bind(console)); 
    </script> 
</body> 
</html>

出典

2016-03-18 Petros Kyriakou

より詳細な情報については、このplunkerでsystemjs.config.jsをチェックし、あなたは正確にどのようなエラーがありますか？ –

実際には私のコンポーネントで使用したすべてのファイルが必要でしたが、ローカルに必要でした。そのファイルは404エラーが見つかりませんでした。http.js、common.js、core etc –

また、私は何か変わったことに気付きました。あなたはここに行き、devツールを使ってネットワークをチェックできますか？それはsystem.src.jsを使って500以上のリクエストを行いますか？ 'https：// angular2arc.herokuapp.com /'はロードに多くの時間を要します。 –

SystemJSを使用すると、別の場所からモジュールをロードするためのマッピングを提供できます。

SystemJS.config({ 
    map: { 
     '@angular': 'https://npmcdn.com/@angular' 
    } 
});

これは、モジュールのすべての読み込みをそのcdnの場所にリダイレクトします。より詳細な情報については

が

出典

2016-12-22 07:32:19

CDNとSystemJSを使ってangular2をロードするにはどうすればいいですか？

答えて

関連する問題