0

RC1 バージョンで angular2 アプリケーションを書き始めました。angular.io docsで説明されているように、ルートに個別のsystem.config.jsファイルを作成しました。

// system.config.js

(function (global) {


var map = {
    'app': 'app',
    'rxjs': 'node_modules/rxjs',
    '@angular': 'node_modules/@angular'

};




var packages = {

    'app': {main: 'main.js', defaultExtension: 'js'},
    'rxjs': {defaultExtension: 'js'}
};


var packageNames = [
    '@angular/common',
    '@angular/compiler',
    '@angular/core',
    '@angular/http',
    '@angular/platform-browser',
    '@angular/platform-browser-dynamic',
    '@angular/router'
];


packageNames.forEach(function (pkgName) {
    packages[pkgName] = {main: 'index.js', defaultExtension: 'js'};
});


var config = {
    map: map,
    packages: packages
};


if (global.filterSystemConfig) {
    global.filterSystemConfig(config);
}

System.config(config);
})(this);

node_modules の下で @angular モジュールを検索するように参照しましたが、ここで見ることができる'@angular': 'node_modules/@angular'404 が表示されています。ドキュメントに記載されているガイドラインに従ってブートストラップしました。ここに私のapp/main.tsファイルにあります

    /*main.ts*/

/// <reference path="../typings/browser/ambient/es6-shim/index.d.ts" />

import {bootstrap} from '@angular2/platform-browser-dynamic/';
import {AppComponent} from './app.component';

bootstrap(AppComponent);

index.htmlは次のようになります。

 <body>

  <my-app>Loading...</my-app>


   <script src="node_modules/es6-shim/es6-sham.min.js"></script>
   <script src="node_modules/zone.js/dist/zone.js"></script>
   <script src="node_modules/reflect-metadata/Reflect.js"></script>
   <script src="node_modules/systemjs/dist/system.src.js"></script>


   <script src="systemjs.config.js"></script>
   <!--SystemsJs configuration-->

    <script>

        System.import('app/main')
            .then(null, console.error.bind(console));
   </script>

     </body>

@angular/coreと@angular/platform-b​​rowser の両方をインストールしました

どんな助けでも大歓迎です！

4

0 に答える 0