0

我开始用 RC1 版本编写 angular2 应用程序。如angular.io 文档中所述,我在根目录中创建了单独的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