Question

我开始用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': 'node_modules/@angular'下找到@angular模块，但它显示了404 you can see here。我根据文档中给出的指导原则进行了引导。在我的 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-browser

非常感谢任何帮助！

Angular 2：在RC 1版

0 个答案: