the page doesn't load. i'm not sure file causing problem.
some people suggest take out comments app.components , doesn't work me.
here's app.component looks like:
import { component } '@angular/core'; @component({ selector: 'my-app', template: '<h1>my first angular 2 app</h1>' }) export class appcomponent { } 
package.json
{ "name": "fxapp", "version": "1.0.0", "scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, "license": "isc", "dependencies": { "@angular/common": "2.0.0-rc.4", "@angular/compiler": "2.0.0-rc.4", "@angular/core": "2.0.0-rc.4", "@angular/forms": "0.2.0", "@angular/http": "2.0.0-rc.4", "@angular/platform-browser": "2.0.0-rc.4", "@angular/platform-browser-dynamic": "2.0.0-rc.4", "@angular/router": "3.0.0-beta.1", "@angular/router-deprecated": "2.0.0-rc.2", "@angular/upgrade": "2.0.0-rc.4", "systemjs": "0.19.27", "core-js": "^2.4.0", "reflect-metadata": "^0.1.3", "rxjs": "5.0.0-beta.6", "zone.js": "^0.6.12", "angular2-in-memory-web-api": "0.0.14", "bootstrap": "^3.3.6" }, "devdependencies": { "concurrently": "^2.0.0", "lite-server": "^2.2.0", "typescript": "^1.8.10", "typings":"^1.0.4" } } systemjs.config
(function(global) { // map tells system loader things var map = { 'app': 'app', // 'dist', '@angular': 'node_modules/@angular', 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 'rxjs': 'node_modules/rxjs' }; // packages tells system loader how load when no filename and/or no extension var packages = { 'app': { main: 'main.js', defaultextension: 'js' }, 'rxjs': { defaultextension: 'js' }, 'angular2-in-memory-web-api': { main: 'index.js', defaultextension: 'js' }, }; var ngpackagenames = [ 'common', 'compiler', 'core', 'forms', 'http', 'platform-browser', 'platform-browser-dynamic', 'router', 'router-deprecated', 'upgrade', ]; // individual files (~300 requests): function packindex(pkgname) { packages['@angular/'+pkgname] = { main: 'index.js', defaultextension: 'js' }; } // bundled (~40 requests): function packumd(pkgname) { packages['@angular/'+pkgname] = { main: '/bundles/' + pkgname + '.umd.js', defaultextension: 'js' }; } // environments should use umd; (karma) need individual index files var setpackageconfig = system.packagewithindex ? packindex : packumd; // add package entries angular packages ngpackagenames.foreach(setpackageconfig); var config = { map: map, packages: packages }; system.config(config); })(this); function packumd(pkgname) { packages['@angular/'+pkgname] = { main: '/bundles/' + pkgname + '.umd.js', defaultextension: 'js' }; }
Comments
Post a Comment