angular / quickstart Goto Github PK

I had to revert to commit a5f4882 to fix the problems with the currently checked-in version of the quickstart. I did not roll forward to others as I was about to give a demo today and on the way over I made the mistake of updating.

I'm getting this error:

ncaught (in promise) TypeError: Cannot read property 'annotations' of undefinedmessage: "Cannot read property 'annotations' of undefined"
"TypeError: Cannot read property 'annotations' of undefined
    at ReflectionCapabilities.$__export.annotations (http://localhost:3456/quickstart/angular2/src/reflection/reflection_capabilities.js:81:40)
    at Reflector.$__export.annotations (http://localhost:3456/quickstart/angular2/src/reflection/reflector.js:81:50)
    at DirectiveMetadataReader.$__export.read (http://localhost:3456/quickstart/angular2/src/core/compiler/directive_metadata_reader.js:31:41)
    at http://localhost:3456/quickstart/angular2/src/core/compiler/compiler.js:127:35
    at Array.map (native)
    at Function.$__export.map (http://localhost:3456/quickstart/angular2/src/facade/collection.js:172:26)
    at Compiler.$__export.createSteps (http://localhost:3456/quickstart/angular2/src/core/compiler/compiler.js:126:43)
    at Compiler.$__export._compileTemplate (http://localhost:3456/quickstart/angular2/src/core/compiler/compiler.js:164:53)
    at http://localhost:3456/quickstart/angular2/src/core/compiler/compiler.js:154:29
    at Zone.run (http://localhost:3456/quickstart/dist/es6-shim.js:29889:19)"

Hey there

As I was messing around with Angular2 a bit I found (at least in Alpha20) that they both contain an ES6 transpiled version already. Wouldn't it be easier to switch to this and exclude the whole building from the quickstart?

Cheers
Gion

Hi guys,
I followed the Hello Alice example and when going to localhost:8080/index.html I received some errors.
After running gulp default I got down to only the following error:

Uncaught (in promise) 
TypeError: Error loading "rx/dist/rx.all" at <unknown>
Error loading "rx/dist/rx.all" from "app" at http://localhost:8080/app.es6
Cannot read property 'replace' of undefined

Any idea what the problem might be?

Thanks! Uri

my bad.

Hi!
I've started to receive error message "ERR! cb() never called!" when i'm running
npm install

I've tried to clean up the npm-cache, but it does not help.

I've checked out commit cd290d9 and it works fine for me.

This code contains the results of a Traceur bug from a while back which creates a good number of
for(var name = void 0 in object)
lines. Could you re-transpile both es6-shim and angular facade using the fixed traceur?

google/traceur-compiler#1756

I tried to write routes in this repo and my component is :
import {Component,OnInit} from 'angular2/core';
import {NgForm} from 'angular2/common';
import { Rule } from './rule';
import { RuleGetService } from './rule-get.service';
import {HTTP_PROVIDERS} from 'angular2/http';
import {Observable} from 'rxjs/Observable';
import {Observer} from 'rxjs/Observer';
import {RuleListComponent} from './rule-list.component';
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router';
import { SetRule} from './setrule';
import {Constraints} from './constraints';
@RouteConfig([
{
path: '/list',
name: 'List',
component: RuleListComponent,
useAsDefault:true
}
])

@component({
selector: 'rule-form',
template: '<a [routerLink]="['List']">See existing Rules
',
providers: [HTTP_PROVIDERS,RuleGetService],
directives:[ROUTER_DIRECTIVES,RuleListComponent]
})
export class RuleFormComponent {
ruleToAdd = {};
rule={};
rules = {};
masterData= [];
actionConstraints = [];

action = {
    "description":"",
    "return_value_type":"",
    "return_value":""
};
constraints = [];
con = <Constraints>{};

constructor(private ruleGet: RuleGetService){}
ngOnInit() {
        this.onLogin();
    }

onLogin(){
this.ruleGet.getMetadata()
       .subscribe(
       data =>{
           this.masterData = data;
           this.rules = new SetRule(data[0].type,
           "",
           0,
            Object.keys(data[0]. validConstraintType),
            data[0].validConstraintType[Object.keys(data[0]. validConstraintType)[0]]. expectedRuleOperator,
            data[0].validConstraintType[Object.keys(data[0]. validConstraintType)[0]]. allowedRuleValues || "",
            0,data[0].validConstraintType[Object.keys(data[0].validConstraintType)[0]].allowedActionReturnValueTypes,data[0].validConstraintsList, data[0].types,data[0].validConstraintType
           );
           this.action.return_value_type = data[0].validConstraintType[Object.keys(data[0].validConstraintType)[0]].allowedActionReturnValueTypes;

           this.constraints.push(new Constraints(Object.keys(data[0]. validConstraintType)[0],
                                            data[0].validConstraintType[Object.keys(data[0]. validConstraintType)[0]]. expectedRuleOperator[0],
                                            data[0].validConstraintType[Object.keys(data[0]. validConstraintType)[0]]. allowedRuleValues[0] || ""   ))
           this.actionConstraints.push({
           "action":this.action,
           "constraints":this.constraints
           })
       },error => console.log('Could not load todos.'));
    }
}

I got many errors :
app/rule-form.component.ts(23,14): error TS1002: Unterminated string literal.
app/rule-form.component.ts(24,18): error TS1005: ',' expected.
app/rule-form.component.ts(24,29): error TS1005: ':' expected.
app/rule-form.component.ts(24,34): error TS1005: ',' expected.
app/rule-form.component.ts(24,43): error TS1005: ':' expected.
app/rule-form.component.ts(24,50): error TS1161: Unterminated regular expression literal.
app/rule-form.component.ts(25,18): error TS1110: Type expected.
app/rule-form.component.ts(25,19): error TS1161: Unterminated regular expression literal.
app/rule-form.component.ts(26,2): error TS1005: ',' expected.
app/rule-form.component.ts(26,4): error TS1002: Unterminated string literal.
app/rule-form.component.ts(27,3): error TS1005: ':' expected.
app/rule-form.component.ts(27,12): error TS1005: ',' expected.
app/rule-form.component.ts(27,45): error TS1005: ':' expected.

npm ERR! [email protected] start: tsc && concurrently "npm run tsc:w" "npm run lite"
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is most likely a problem with the angular2-quickstart package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! tsc && concurrently "npm run tsc:w" "npm run lite"
npm ERR! You can get their info via:
npm ERR! npm owner ls angular2-quickstart
npm ERR! There is likely additional logging output above.
npm ERR! System Darwin 14.5.0
npm ERR! command "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! cwd /Users/nisha/projects/my-proj
npm ERR! node -v v0.10.30
npm ERR! npm -v 1.4.21
npm ERR! code ELIFECYCLE
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /Users/nisha/projects/my-proj/npm-debug.log
npm ERR! not ok code 0

I tried to resolve them but could not resolve these errors . Can you please suggest ?
Thanks in Advance

After cloning this repository, the first thing I tried to do was import {UpgradeAdapter} from 'angular2/upgrade', however this results in a 404 error from system.js trying to load /angular/upgrade

I can import other modules from angular2 just fine, so I'm not sure what the difference is with the upgrade module.

Hi, I'm getting this error after npm start:

npm start

> [email protected] start /home/fabio/workspace/github/quickstart
> concurrently "npm run tsc:w" "npm run lite" 

[1] 
[1] > [email protected] lite /home/fabio/workspace/github/quickstart
[1] > lite-server
[1] 
[0] 
[0] > [email protected] tsc:w /home/fabio/workspace/github/quickstart
[0] > tsc -w
[0] 
[1] Did not detect a `bs-config.json` or `bs-config.js` override file. Using lite-server defaults...
[1] ** browser-sync options **
[1] { injectChanges: false,
[1]   files: [ './**/*.{html,htm,css,js}' ],
[1]   server: { baseDir: './', middleware: [ [Function], [Function] ] } }
[1] [BS] Access URLs:
[1]  --------------------------------------
[1]        Local: http://localhost:3000
[1]     External: http://192.168.1.103:3000
[1]  --------------------------------------
[1]           UI: http://localhost:3001
[1]  UI External: http://192.168.1.103:3001
[1]  --------------------------------------
[1] [BS] Serving files from: ./
[1] [BS] Watching files...
[1] 16.03.19 17:35:49 304 GET /index.html
[1] 16.03.19 17:35:51 304 GET /styles.css
[1] 16.03.19 17:35:51 304 GET /node_modules/es6-shim/es6-shim.min.js
[1] 16.03.19 17:35:51 304 GET /node_modules/systemjs/dist/system-polyfills.js
[1] 16.03.19 17:35:51 304 GET /node_modules/angular2/es6/dev/src/testing/shims_for_IE.js
[1] 16.03.19 17:35:51 304 GET /node_modules/angular2/bundles/angular2-polyfills.js
[1] 16.03.19 17:35:51 304 GET /node_modules/systemjs/dist/system.src.js
[0] 17:35:52 - Compilation complete. Watching for file changes.
[1] 16.03.19 17:35:52 304 GET /node_modules/rxjs/bundles/Rx.js
[1] 16.03.19 17:35:52 304 GET /node_modules/angular2/bundles/angular2.dev.js
[1] [BS] File changed: app/app.component.js
[1] [BS] File changed: app/main.js
[1] 16.03.19 17:35:54 200 GET /app/main.js
[1] 16.03.19 17:35:54 200 GET /app/app.component.js
[1] 
[1] events.js:72
[1]         throw er; // Unhandled 'error' event
[1]               ^
[1] Error: watch ENOSPC
[1]     at errnoException (fs.js:1024:11)
[1]     at FSWatcher.start (fs.js:1056:11)
[1]     at Object.fs.watch (fs.js:1081:11)
[1]     at createFsWatchInstance (/home/fabio/workspace/github/quickstart/node_modules/lite-server/node_modules/browser-sync/node_modules/chokidar/lib/nodefs-handler.js:37:15)
[1]     at setFsWatchListener (/home/fabio/workspace/github/quickstart/node_modules/lite-server/node_modules/browser-sync/node_modules/chokidar/lib/nodefs-handler.js:80:15)
[1]     at FSWatcher.NodeFsHandler._watchWithNodeFs (/home/fabio/workspace/github/quickstart/node_modules/lite-server/node_modules/browser-sync/node_modules/chokidar/lib/nodefs-handler.js:228:14)
[1]     at FSWatcher.NodeFsHandler._handleFile (/home/fabio/workspace/github/quickstart/node_modules/lite-server/node_modules/browser-sync/node_modules/chokidar/lib/nodefs-handler.js:255:21)
[1]     at FSWatcher.<anonymous> (/home/fabio/workspace/github/quickstart/node_modules/lite-server/node_modules/browser-sync/node_modules/chokidar/lib/nodefs-handler.js:473:21)
[1]     at Object.oncomplete (fs.js:107:15)
[1] npm
[1]  
[1] ERR! weird error 8
[1] npm
[1]  WARN This failure might be due to the use of legacy binary "node"
[1] npm
[1]  WARN For further explanations, please read
[1] /usr/share/doc/nodejs/README.Debian
[1]  
[1] npm
[1]  ERR! not ok code 0
[1] npm run lite exited with code 1

Since the people are increasingly using this project to play with Angular it would be really nice to keep this repo in synch with Angular npm release.

I think there are some missing instructions in the current quickstart tutorial up at https://angular.io/docs/js/latest/quickstart.html

when attempting to run from http-server i get the following error:
"GET /app.es6" Error (404): "Not found"

im guessing it is something to do with system.js not being included, i tried running npm install in the /quickstart dir and then including the link to its node module in index.html but i then get the following error:

Uncaught (in promise) RangeError: Error loading "app" at
Maximum call stack size exceeded {stack: (...), message: "Error loading "app" at ↵Maximum call stack size exceeded"}

Is there a best/recommended way to build and deploy the projects based on this quickstart?

Hi there,

not sure if this is the right place to ask but I am facing this issue while setting up the quickstart tutorial of Angular 2.

I am using gulp for tsc, bundling and hosting (gulp-)webserver.

My tsc-gulp-task in the gulpfile.js looks like that:

var gulpTypescript = require('gulp-typescript');
var tscConfig = require('./tsconfig.json');

gulp.task('tsc', function () {
    return gulp.src('src/**/*.ts')
        .pipe(gulpTypescript(tscConfig.compilerOptions))
        .pipe(gulp.dest('/gen'));
});

This task generates two .js-Files which I am concatenating with gulp-bundle-assets to the final main.js. This file is located in build/lib/

My final bundled main.js looks like that (shortened):

System.register(['angular2/core'], function(exports_1, context_1) {
    var __moduleName = context_1 && context_1.id;
    ..
}};
System.register(['angular2/platform/browser', './app.component'], function(exports_1, context_1) {
    var __moduleName = context_1 && context_1.id;    
    ..
}};

The chrome console gives me the following error:

Error: Multiple anonymous System.register calls in module https://localhost:8000/lib/main.js. If loading a bundle, ensure all the System.register calls are named.

So actually I don't know what is wrong with the main.js. Maybe someone else does?

[1] Did not detect a bs-config.json or bs-config.js override file. Using lite-server defaults...
[1] * browser-sync options **
[1] { injectChanges: false,
[1] files: [ './/.{html,htm,css,js}' ],
[1] server: { baseDir: './', middleware: [ [Function], [Function] ] } }
[1] [BS] Access URLs:
[1] ------------------------------------
[1] Local: http://localhost:3000
[1] External: http://192.168.1.3:3000
[1] ------------------------------------
[1] UI: http://localhost:3001
[1] UI External: http://192.168.1.3:3001
[1] ------------------------------------
[1] [BS] Serving files from: ./
[1] [BS] Watching files...
[1] 16.03.19 17:59:33 200 GET /index.html
[1] 16.03.19 17:59:33 404 GET /styles.css
[1] 16.03.19 17:59:33 304 GET /node_modules/es6-shim/es6-shim.min.js
[1] 16.03.19 17:59:33 304 GET /node_modules/systemjs/dist/system-polyfills.js
[1] 16.03.19 17:59:33 304 GET /node_modules/angular2/bundles/angular2-polyfills.js
[1] 16.03.19 17:59:33 304 GET /node_modules/systemjs/dist/system.src.js
[1] 16.03.19 17:59:33 304 GET /node_modules/angular2/es6/dev/src/testing/shims_for_IE.js
[1] 16.03.19 17:59:33 304 GET /node_modules/rxjs/bundles/Rx.js
[1] 16.03.19 17:59:33 304 GET /node_modules/angular2/bundles/angular2.dev.js
[0] node_modules/angular2/typings/browser.d.ts(6,14): error TS2300: Duplicate identifier 'PromiseConstructor'.
[0] node_modules/angular2/typings/es6-collections/es6-collections.d.ts(22,5): error TS2300: Duplicate identifier 'done'.
[0] node_modules/angular2/typings/es6-collections/es6-collections.d.ts(23,5): error TS2300: Duplicate identifier 'value'.
[0] node_modules/angular2/typings/es6-collections/es6-collections.d.ts(46,5): error TS2300: Duplicate identifier 'size'.
[0] node_modules/angular2/typings/es6-collections/es6-collections.d.ts(52,5): error TS2300: Duplicate identifier 'prototype'.
[0] node_modules/angular2/typings/es6-collections/es6-collections.d.ts(66,5): error TS2300: Duplicate identifier 'size'.
[0] node_modules/angular2/typings/es6-collections/es6-collections.d.ts(72,5): error TS2300: Duplicate identifier 'prototype'.
[0] node_modules/angular2/typings/es6-collections/es6-collections.d.ts(88,5): error TS2300: Duplicate identifier 'prototype'.
[0] node_modules/angular2/typings/es6-collections/es6-collections.d.ts(103,5): error TS2300: Duplicate identifier 'prototype'.
[0] node_modules/angular2/typings/es6-promise/es6-promise.d.ts(11,15): error TS2300: Duplicate identifier 'Promise'.
[0] node_modules/angular2/typings/es6-promise/es6-promise.d.ts(42,16): error TS2300: Duplicate identifier 'Promise'.
[0] typings/browser/ambient/es6-shim/index.d.ts(11,5): error TS2300: Duplicate identifier 'done'.
[0] typings/browser/ambient/es6-shim/index.d.ts(12,5): error TS2300: Duplicate identifier 'value'.
[0] typings/browser/ambient/es6-shim/index.d.ts(477,11): error TS2300: Duplicate identifier 'Promise'.
[0] typings/browser/ambient/es6-shim/index.d.ts(496,11): error TS2300: Duplicate identifier 'PromiseConstructor'.
[0] typings/browser/ambient/es6-shim/index.d.ts(554,13): error TS2300: Duplicate identifier 'Promise'.
[0] typings/browser/ambient/es6-shim/index.d.ts(563,5): error TS2300: Duplicate identifier 'size'.
[0] typings/browser/ambient/es6-shim/index.d.ts(572,5): error TS2300: Duplicate identifier 'prototype'.
[0] typings/browser/ambient/es6-shim/index.d.ts(583,5): error TS2300: Duplicate identifier 'size'.
[0] typings/browser/ambient/es6-shim/index.d.ts(592,5): error TS2300: Duplicate identifier 'prototype'.
[0] typings/browser/ambient/es6-shim/index.d.ts(607,5): error TS2300: Duplicate identifier 'prototype'.
[0] typings/browser/ambient/es6-shim/index.d.ts(621,5): error TS2300: Duplicate identifier 'prototype'.
[0] 5:59:33 PM - Compilation complete. Watching for file changes.
[1] [BS] File changed: app/app.component.js
[1] [BS] File changed: app/main.js
[1] [BS] File changed: app/sayHello.js
[1] 16.03.19 17:59:33 200 GET /app/main.js
[1] 16.03.19 17:59:33 200 GET /app/app.component.js
[1] events.js:154
[1] throw er; // Unhandled 'error' event
[1] ^
[1]
[1] Error: watch node_modules/browser-sync/node_modules/lodash/lang/isNumber.js ENOSPC
[1] at exports._errnoException (util.js:890:11)
[1] at FSWatcher.start (fs.js:1313:19)
[1] at Object.fs.watch (fs.js:1341:11)
[1] at createFsWatchInstance (/run/media/habib/New Volume/projects/angular2/learn-from-doc/node_modules/chokidar/lib/nodefs-handler.js:37:15)
[1] at setFsWatchListener (/run/media/habib/New Volume/projects/angular2/learn-from-doc/node_modules/chokidar/lib/nodefs-handler.js:80:15)
[1] at FSWatcher.NodeFsHandler._watchWithNodeFs (/run/media/habib/New Volume/projects/angular2/learn-from-doc/node_modules/chokidar/lib/nodefs-handler.js:228:14)
[1] at FSWatcher.NodeFsHandler._handleFile (/run/media/habib/New Volume/projects/angular2/learn-from-doc/node_modules/chokidar/lib/nodefs-handler.js:255:21)
[1] at FSWatcher. (/run/media/habib/New Volume/projects/angular2/learn-from-doc/node_modules/chokidar/lib/nodefs-handler.js:473:21)
[1] at FSReqWrap.oncomplete (fs.js:82:15)
[1]
[1] npm
[1]
[1] ERR! Linux 4.4.5-1-MANJARO
[1] npm ERR!
[1] argv "/usr/bin/node" "/usr/bin/npm" "run" "lite"
[1] npm ERR! node v5.8.0
[1] npm
[1] ERR! npm v3.8.2
[1] npm ERR! code ELIFECYCLE
[1] npm ERR! [email protected] lite: lite-server
[1] npm ERR! Exit status 1
[1] npm ERR!
[1] npm ERR! Failed at the [email protected] lite script 'lite-server'.
[1] npm ERR! Make sure you have the latest version of node.js and npm installed.
[1] npm
[1] ERR! If you do, this is most likely a problem with the angular2-quickstart package,
[1] npm ERR! not with npm itself.
[1] npm ERR! Tell the author that this fails on your system:
[1] npm ERR! lite-server
[1] npm ERR! You can get information on how to open an issue for this project with:
[1] npm ERR! npm bugs angular2-quickstart
[1] npm ERR! Or if that isn't available, you can get their info via:
[1] npm ERR! npm owner ls angular2-quickstart
[1] npm ERR! There is likely additional logging output above.
[1]
[1] npm
[1] ERR! Please include the following file with any support request:
[1] npm ERR! /run/media/habib/New Volume/projects/angular2/learn-from-doc/npm-debug.log
[1] npm run lite exited with code 1

npm-debug.log.tar.gz

Hi, i cloned the repository, ran npm install and npm start. When i enter to the site with Firefox i see this error in the console:
TypeError: task is undefined
It says the error is in line 142 of angular2-polyfills.js
This is the traceback I get:
patchTimer/clearNative</<()
angular2-polyfills.js:142
clearTimeout()
angular2-polyfills.js line 953 > Function:1
[3]</</Socket.prototype.setPing()
browser-sync-client.2.11.2.js:1
[3]</</Socket.prototype.onHandshake()
browser-sync-client.2.11.2.js:1
[3]</</Socket.prototype.onPacket()
browser-sync-client.2.11.2.js:1
[3]</</Socket.prototype.setTransport/<()
browser-sync-client.2.11.2.js:1
[15]</Emitter.prototype.emit()
browser-sync-client.2.11.2.js:2
[4]</Transport.prototype.onPacket()
browser-sync-client.2.11.2.js:1
[8]</Polling.prototype.onData/callback()
browser-sync-client.2.11.2.js:1
[19]</</exports.decodePayloadAsBinary/<()
browser-sync-client.2.11.2.js:2
forEach()
self-hosted:208
Call()
es6-shim.min.js:10
forEach()
es6-shim.min.js:10
[19]</</exports.decodePayloadAsBinary()
browser-sync-client.2.11.2.js:2
[19]</</exports.decodePayload()
browser-sync-client.2.11.2.js:2
[8]</Polling.prototype.onData()
browser-sync-client.2.11.2.js:1
[7]</</XHR.prototype.doPoll/<()
browser-sync-client.2.11.2.js:1
[15]</Emitter.prototype.emit()
browser-sync-client.2.11.2.js:2
[7]</</Request.prototype.onData()
browser-sync-client.2.11.2.js:1
[7]</</Request.prototype.onLoad()
browser-sync-client.2.11.2.js:1
[7]</</Request.prototype.create/xhr.onreadystatechange()
browser-sync-client.2.11.2.js:1
Zone</ZoneDelegate</ZoneDelegate.prototype.invokeTask()
angular2-polyfills.js:355
Zone</Zone</Zone.prototype.runTask()
angular2-polyfills.js:254
ZoneTask/this.invoke()
angular2-polyfills.js:422

Why I can not use ; in app.es6 file. It is not working, and browser do not throw any errors... I think it is a bug or you need to annotate: 'please do not use ; at @Template...', Thank you.

My english is not good. : (

If you also document the steps to do the update, other contributors could do this work next time.

I am on yosemite, I did gulp and I get this error:

ulp
[13:37:49] Using gulpfile ~/projects/me/angular2/quickstart/gulpfile.js
[13:37:49] Starting 'default'...
[13:37:49] Starting 'clean'...
[13:37:49] Finished 'clean' after 6.01 ms
[13:37:49] Starting 'build:ng2'...
events.js:85
throw er; // Unhandled 'error' event
^
Error: ENOENT, open '/Users/chabgood/projects/me/angular2/quickstart/node_modules/angular2/es6/prod/angular2.map'
at Error (native)
events.js:85
throw er; // Unhandled 'error' event
^
Error: ENOENT, open '/Users/chabgood/projects/me/angular2/quickstart/node_modules/rtts_assert/es6/es5build.map'
at Error (native)
[13:37:53] 'build:ng2' errored after 4.35 s
[13:37:53] Error in plugin 'gulp-shell'
Message:
Command failed: /bin/sh -c sh ng2build.sh
events.js:85
throw er; // Unhandled 'error' event
^
Error: ENOENT, open '/Users/chabgood/projects/me/angular2/quickstart/node_modules/angular2/es6/prod/angular2.map'
at Error (native)
events.js:85
throw er; // Unhandled 'error' event
^
Error: ENOENT, open '/Users/chabgood/projects/me/angular2/quickstart/node_modules/rtts_assert/es6/es5build.map'
at Error (native)

Details:
killed: false
code: 1
signal: null
cmd: /bin/sh -c sh ng2build.sh
stdout:
stderr: events.js:85
throw er; // Unhandled 'error' event
^
Error: ENOENT, open '/Users/chabgood/projects/me/angular2/quickstart/node_modules/angular2/es6/prod/angular2.map'
at Error (native)
events.js:85
throw er; // Unhandled 'error' event
^
Error: ENOENT, open '/Users/chabgood/projects/me/angular2/quickstart/node_modules/rtts_assert/es6/es5build.map'
at Error (native)

[13:37:53] 'default' errored after 4.36 s
[13:37:53] Error in plugin 'run-sequence'
Message:
An error occured in task 'build:ng2'.

I'm getting above error when trying to view the demo (http://htmlxprs.github.io/angular2-todo/).
Have tried multiple browsers. Also the latest version of Chrome.

Does anybody know what might be the problem here? It seems to me that systemjs is simply not included or loaded correctly. JS execution fails at the following line in index.html:

System.paths = {
'angular2/':'/angular2/.js',
'rtts_assert/': '/rtts_assert/.js',
'services/' : '/services/.js',
'todoApp': 'TodoApp.es6'
};

Kind regards,
Timo de Vries

I'm sorry if this isn't the right place to put this issue, but I am not sure if the es6-shim.js file is custom-built for this project or if this could be an issue for angular2 in general.

In the "Zone.patchRegisterElement" function (around line 33335) it is assumed that the callback functions are a "own" property of the "prototype" object to get the descriptor.

    Object.getOwnPropertyDescriptor(opts.prototype, callback);

But some polymer elements seem to have them higher up the chain. Prism-js for example has the Polymer root one level higher. Is this an issue that should be addressed while registering the element or is there something wrong with this specific polymer element?

thanks

Known problem with beta.16; researching it now

Unfortunately I keep getting an error angular2_1.component is not a function

The Start npm task fails if there are typescript compilation errors and this probably shouldn't happen.

Given that this is to start a running dev environment, the dev environment should be able to start up even if there are error since you will be compiling and fixing code incrementally.

I realize there probably is no fix for this since this is due to the compiler's exit code but this is something that should be addressed. It's a really confusing 'getting started error' - I was looking in all the wrong places for a solution because it looks like a node/npm version issue based on the error message.

Trying to do npm run e2e gives the following error message:

filipe.silva@DESKTOP-7ND6T3R MINGW64 /E/dev/ideablade/quickstart (master)
$ npm run e2e

> [email protected] e2e E:\dev\ideablade\quickstart
> tsc && concurrently "http-server" "protractor protractor.config.js"

[1] ERROR - failed loading configuration file protractor.config.js
[1] E:\dev\ideablade\quickstart\node_modules\protractor\built\configParser.js:134
[1]             throw e;
[1]             ^
[1]
[1] Error: Cannot find module 'lodash'
[1]     at Function.Module._resolveFilename (module.js:337:15)
[1]     at Function.Module._load (module.js:287:25)
[1]     at Module.require (module.js:366:17)
[1]     at require (module.js:385:17)
[1]     at Object.<anonymous> (E:\dev\ideablade\quickstart\protractor.config.js:15:9)
[1]     at Module._compile (module.js:435:26)
[1]     at Object.Module._extensions..js (module.js:442:10)
[1]     at Module.load (module.js:356:32)
[1]     at Function.Module._load (module.js:311:12)
[1]     at Module.require (module.js:366:17)
[1] protractor protractor.config.js exited with code 1
[0] Starting up http-server, serving ./
[0] Available on:
[0]   http://192.168.0.12:8080
[0]   http://127.0.0.1:8080
[0] Hit CTRL-C to stop the server

This is because in protractor.config.js we do var _ = require('lodash');, but it is not present in the project dependencies.

I'll put up a PR for this.

Did according https://github.com/angular/quickstart/blob/master/README.md
line in git shell:
$ git clone https://github.com/angular/quickstart my-proj
gives error:
fatal: unable to access 'https://github.com/angular/quickstart/': Couldn't resolve host 'github.com'
The url is accessible via browser

f1ef6a8
Can't use setTimeout setInterval any more???

<!doctype html>
<html>
<head>
  <title></title>
  <script src="/quickstart/dist/es6-shim.js"></script>
  <script>
  window.setTimeout(function() {
    console.log('timeout');
  }, 2000);
  </script>
</head>
<body>
</body>
</html>

f1ef6a8 error:
Uncaught (in promise) TypeError: Cannot read property 'annotations' of undefined {stack: (...), message: "Cannot read property 'annotations' of undefined"}

a5f4882 work fine

It seems as though the updates that happened about 8 hours ago changed the implementation significantly - there is no longer a shadow DOM associated with the elements on Chrome. Is this intentional or have I missed something that I need to do to enable it?

When I run this quickstart, I get this error

es6-shim.js:4941 Uncaught SyntaxError: for-in loop variable declaration may not have an initializer

node -v
=> v0.12.7

npm -v
=> 2.11.3

After doing a clean install of this repo and adding the Router to the app with:

import {bootstrap}    from 'angular2/platform/browser';
import {AppComponent} from './app.component';
import {ROUTER_PROVIDERS} from 'angular2/router';

bootstrap(AppComponent, [ROUTER_PROVIDERS]);

I'm getting the following error in the browser console (Chrome 49 - OS X 10 El Capitan):

Error: SyntaxError: Unexpected token <(…)   angular2-polyfills.js:322
ZoneDelegate.invoke @ angular2-polyfills.js:322
Zone.run @ angular2-polyfills.js:218
(anonymous function) @ angular2-polyfills.js:567
ZoneDelegate.invokeTask @ angular2-polyfills.js:355
Zone.runTask @ angular2-polyfills.js:254
drainMicroTaskQueue @ angular2-polyfills.js:473
ZoneTask.invoke @ angular2-polyfills.js:425

Not sure how to let the authors know about this other than creating an issue.

Not sure if you thought of doing this but it works. FYI
http://plnkr.co/edit/lSmjbO

I'ts impossible to install after cd290d9. Without it, npm install works fine. Error message is:

npm ERR! node v4.4.0
npm ERR! npm v2.14.20
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package [email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer [email protected] wants es6-shim@^0.33.3

Under sub-heading "Unit Tests"

Run it with npm tests.

Should be:

Run it with npm test

Plz update quickstart to use latest beta

When loading the angular2-quickstart module onto an AWS Amazon Linux AMI 2015.09.2 (HVM), SSD Volume Type, I have installed:

1. node.js v5.9.0
2. npm v3.8.2
3. git v2.4.3

I cloned the angular-quickstart repo into the home directory and ran npm install.

The tsconfig.json from angular2/quickstart lists "node_modules" in the "exclude" property, as follows:
{
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules",
"typings/main",
"typings/main.d.ts"
]
}

Despite this, when I run npm start, several files from the node_modules directory are listed as containing errors, as seen in the terminal output below. In addition, the BrowserSync option that refreshes the page following file changes does not execute when files are changed.

[email protected] start /home/quickstart
concurrently "npm run tsc:w" "npm run lite"

[0]
[0] > [email protected] tsc:w /home/quickstart
[0] > tsc -w
[0]
[1]
[1] > [email protected] lite /home/quickstart
[1] > lite-server
[1]
[1] Did not detect a bs-config.json or bs-config.js override file. Using lite-server defaults...
[1] * browser-sync options **
[1] { injectChanges: false,
[1] files: [ './/.{html,htm,css,js}' ],
[1] server: { baseDir: './', middleware: [ [Function], [Function] ] } }
[1] [BS] Access URLs:
[1]-----------------------------------
[1]Local: http://localhost:3000
[1] External: http://10.0.3.253:3000
[1]-----------------------------------
[1] UI: http://localhost:3001
[1]UI External: http://10.0.3.253:3001
[1]-----------------------------------
[1] [BS] Serving files from: ./
[1] [BS] Watching files...
[0] node_modules/angular2/src/core/application_ref.d.ts(96,147): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/application_ref.d.ts(133,90): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/application_ref.d.ts(171,81): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/change_detection/differs/default_keyvalue_differ.d.ts(23,15): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/change_detection/differs/default_keyvalue_differ.d.ts(25,16): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/change_detection/parser/locals.d.ts(3,14): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/change_detection/parser/locals.d.ts(4,42): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/debug/debug_node.d.ts(14,13): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/debug/debug_node.d.ts(24,17): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/debug/debug_node.d.ts(25,17): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/di/provider.d.ts(436,103): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/di/provider.d.ts(436,135): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/linker/compiler.d.ts(12,50): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/linker/compiler.d.ts(16,41): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(108,136): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(156,150): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(197,128): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(203,127): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(204,141): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(205,119): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/core/render/api.d.ts(13,13): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/core/render/api.d.ts(14,84): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/async.d.ts(27,33): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/async.d.ts(28,45): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/collection.d.ts(1,25): error TS2304: Cannot find name 'MapConstructor'.
[0] node_modules/angular2/src/facade/collection.d.ts(2,25): error TS2304: Cannot find name 'SetConstructor'.
[0] node_modules/angular2/src/facade/collection.d.ts(4,27): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/collection.d.ts(4,39): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/collection.d.ts(7,9): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/collection.d.ts(8,30): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/collection.d.ts(11,43): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/collection.d.ts(12,27): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/collection.d.ts(14,23): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/collection.d.ts(15,25): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/collection.d.ts(100,41): error TS2304: Cannot find name 'Set'.
[0] node_modules/angular2/src/facade/collection.d.ts(101,22): error TS2304: Cannot find name 'Set'.
[0] node_modules/angular2/src/facade/collection.d.ts(102,25): error TS2304: Cannot find name 'Set'.
[0] node_modules/angular2/src/facade/lang.d.ts(4,17): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/lang.d.ts(5,17): error TS2304: Cannot find name 'Set'.
[0] node_modules/angular2/src/facade/lang.d.ts(70,59): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/facade/promise.d.ts(2,14): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(8,32): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(9,38): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(10,35): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(10,93): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(11,34): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(11,50): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(12,32): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(12,149): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/facade/promise.d.ts(13,43): error TS2304: Cannot find name 'Promise'.
[0] node_modules/angular2/src/platform/browser/browser_adapter.d.ts(75,33): error TS2304: Cannot find name 'Map'.
[0] node_modules/angular2/src/platform/dom/dom_adapter.d.ts(85,42): error TS2304: Cannot find name 'Map'.
[0] node_modules/rxjs/CoreOperators.d.ts(35,67): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/CoreOperators.d.ts(50,66): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/CoreOperators.d.ts(89,67): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/CoreOperators.d.ts(94,38): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/CoreOperators.d.ts(94,50): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/Observable.d.ts(46,62): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/Observable.d.ts(47,42): error TS2304: Cannot find name 'Iterator'.
[0] node_modules/rxjs/Observable.d.ts(103,74): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/Observable.d.ts(103,84): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/Observable.d.ts(143,66): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/Observable.d.ts(158,65): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/Observable.d.ts(201,66): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/Observable.d.ts(206,38): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/Observable.d.ts(206,50): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/observable/ForkJoinObservable.d.ts(6,50): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/observable/ForkJoinObservable.d.ts(7,58): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/observable/FromObservable.d.ts(7,38): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/observable/FromObservable.d.ts(7,51): error TS2304: Cannot find name 'Iterator'.
[0] node_modules/rxjs/observable/PromiseObservable.d.ts(9,31): error TS2304: Cannot find name 'Promise'.
[0] node_modules/rxjs/observable/PromiseObservable.d.ts(10,26): error TS2304: Cannot find name 'Promise'.
[0] 12:49:34 AM - Compilation complete. Watching for file changes.

Followed instructions here: https://angular.io/docs/ts/latest/quickstart.html
And here: https://github.com/angular/quickstart/blob/master/README.md

Both resulted in the following errors when trying to run the project with

npm start

[email protected] start /home/$PATH/my-proj
tsc && concurrently "tsc -w" "lite-server"

node_modules/angular2/platform/browser.d.ts(77,90): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/compiler/xhr.d.ts(6,23): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/compiler/xhr_mock.d.ts(10,23): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(83,60): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(83,146): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(96,51): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(96,147): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(133,90): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(171,81): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/change_detection/differs/default_keyvalue_differ.d.ts(23,15): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/change_detection/differs/default_keyvalue_differ.d.ts(25,16): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/change_detection/parser/locals.d.ts(3,14): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/change_detection/parser/locals.d.ts(4,42): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/debug/debug_node.d.ts(14,13): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/debug/debug_node.d.ts(24,17): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/debug/debug_node.d.ts(25,17): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/di/provider.d.ts(436,103): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/di/provider.d.ts(436,135): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/linker/compiler.d.ts(12,50): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/compiler.d.ts(16,41): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(108,136): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(156,150): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(197,128): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(203,127): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(204,141): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(205,119): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/render/api.d.ts(13,13): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/render/api.d.ts(14,84): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/async.d.ts(27,33): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/async.d.ts(28,45): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/collection.d.ts(1,25): error TS2304: Cannot find name 'MapConstructor'.
node_modules/angular2/src/facade/collection.d.ts(2,25): error TS2304: Cannot find name 'SetConstructor'.
node_modules/angular2/src/facade/collection.d.ts(4,27): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(4,39): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(7,9): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(8,30): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(11,43): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(12,27): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(14,23): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(15,25): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(99,41): error TS2304: Cannot find name 'Set'.
node_modules/angular2/src/facade/collection.d.ts(100,22): error TS2304: Cannot find name 'Set'.
node_modules/angular2/src/facade/collection.d.ts(101,25): error TS2304: Cannot find name 'Set'.
node_modules/angular2/src/facade/lang.d.ts(4,17): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/lang.d.ts(5,17): error TS2304: Cannot find name 'Set'.
node_modules/angular2/src/facade/lang.d.ts(71,59): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/promise.d.ts(2,14): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(8,32): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(9,38): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(10,35): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(10,93): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(11,34): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(11,50): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(12,32): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(12,149): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(13,43): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/mock/mock_application_ref.d.ts(12,80): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/platform/browser/browser_adapter.d.ts(75,33): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/platform/dom/dom_adapter.d.ts(85,42): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/testing/matchers.d.ts(4,37): error TS2503: Cannot find namespace 'jasmine'.
node_modules/angular2/src/testing/test_component_builder.d.ts(118,43): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(35,67): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(50,66): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(89,67): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(94,38): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(94,50): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(46,62): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(47,42): error TS2304: Cannot find name 'Iterator'.
node_modules/rxjs/Observable.d.ts(103,74): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(103,84): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(143,66): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(158,65): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(201,66): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(206,38): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(206,50): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/ForkJoinObservable.d.ts(6,50): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/ForkJoinObservable.d.ts(7,58): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/FromObservable.d.ts(7,38): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/FromObservable.d.ts(7,51): error TS2304: Cannot find name 'Iterator'.
node_modules/rxjs/observable/PromiseObservable.d.ts(9,31): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/PromiseObservable.d.ts(10,26): error TS2304: Cannot find name 'Promise'.
app/app.component.spec.ts(26,18): error TS2339: Property 'toEqual' does not exist on type 'NgMatchers'.
app/app.component.spec.ts(32,38): error TS2339: Property 'toBeNull' does not exist on type 'NgMatchers'.
app/app.component.spec.ts(42,67): error TS2339: Property 'toBe' does not exist on type 'NgMatchers'.
app/app.component.spec.ts(56,30): error TS2339: Property 'toMatch' does not exist on type 'NgMatchers'.

npm ERR! Linux 3.10.0-327.10.1.el7.x86_64
npm ERR! argv "/opt/node/5.3.0/bin/node" "/bin/npm" "start"
npm ERR! node v5.3.0
npm ERR! npm v3.3.12
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: tsc && concurrently "tsc -w" "lite-server"
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script 'tsc && concurrently "tsc -w" "lite-server" '.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular2-quickstart package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! tsc && concurrently "tsc -w" "lite-server"
npm ERR! You can get their info via:
npm ERR! npm owner ls angular2-quickstart
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! $PATH/my-proj/npm-debug.log

And here is the log file

npm-debug.log.txt

When I run this quickstart, I get this error

es6-shim.js:4941 Uncaught SyntaxError: for-in loop variable declaration may not have an initializer

module.js:341
throw err;

Error: Cannot find module 'rx'

EDIT: Seems to happen only when using nodemon

A fresh install shows this error in Google Chrome Console.

Uncaught TypeError: Cannot read property 'zone' of undefined @ angular2-polyfills.js:258

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'tsc:w' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'pretsc:w', 'tsc:w', 'posttsc:w' ]
5 info lifecycle [email protected]~pretsc:w: [email protected]
6 silly lifecycle [email protected]~pretsc:w: no script for pretsc:w, continuing
7 info lifecycle [email protected]~tsc:w: [email protected]
8 verbose lifecycle [email protected]~tsc:w: unsafe-perm in lifecycle true
9 verbose lifecycle [email protected]~tsc:w: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/Users/ivan-zakharchuk/Documents/Tutorials/quickstart/node_modules/.bin:/usr/local/bin:/usr/local/lib/node_modules/npm/bin/node-gyp-bin:/Users/ivan-zakharchuk/Documents/Tutorials/quickstart/node_modules/.bin:/usr/local/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
10 verbose lifecycle [email protected]~tsc:w: CWD: /Users/ivan-zakharchuk/Documents/Tutorials/quickstart
11 silly lifecycle [email protected]~tsc:w: Args: [ '-c', 'tsc -w' ]
12 silly lifecycle [email protected]~tsc:w: Returned: code: 1  signal: null
13 info lifecycle [email protected]~tsc:w: Failed to exec tsc:w script
14 verbose stack Error: [email protected] tsc:w: `tsc -w`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:239:16)
14 verbose stack     at emitTwo (events.js:100:13)
14 verbose stack     at EventEmitter.emit (events.js:185:7)
14 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
14 verbose stack     at emitTwo (events.js:100:13)
14 verbose stack     at ChildProcess.emit (events.js:185:7)
14 verbose stack     at maybeClose (internal/child_process.js:850:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:215:5)
15 verbose pkgid [email protected]
16 verbose cwd /Users/ivan-zakharchuk/Documents/Tutorials/quickstart
17 error Darwin 15.4.0
18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "tsc:w"
19 error node v5.10.0
20 error npm  v3.8.5
21 error code ELIFECYCLE
22 error [email protected] tsc:w: `tsc -w`
22 error Exit status 1
23 error Failed at the [email protected] tsc:w script 'tsc -w'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the angular2-quickstart package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     tsc -w
23 error You can get information on how to open an issue for this project with:
23 error     npm bugs angular2-quickstart
23 error Or if that isn't available, you can get their info via:
23 error     npm owner ls angular2-quickstart
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

and if I just type ' tsc -w'

fs.js:1315
    throw error;
    ^

Error: watch /users/ivan-zakharchuk/documents/tutorials/quickstart ENOENT
    at exports._errnoException (util.js:890:11)
    at FSWatcher.start (fs.js:1313:19)
    at Object.fs.watch (fs.js:1341:11)
    at addDirWatcher (/usr/local/lib/node_modules/typescript/lib/tsc.js:1036:39)
    at Object.addFile (/usr/local/lib/node_modules/typescript/lib/tsc.js:1051:21)
    at Object.watchFile (/usr/local/lib/node_modules/typescript/lib/tsc.js:1172:48)
    at Object.executeCommandLine (/usr/local/lib/node_modules/typescript/lib/tsc.js:34532:44)
    at Object.<anonymous> (/usr/local/lib/node_modules/typescript/lib/tsc.js:34863:4)
    at Module._compile (module.js:413:34)
    at Object.Module._extensions..js (module.js:422:10)

operating system - OSX
node -v v5.10.0
tsc -v Version 1.8.9

$ sh strip_maps.sh 
sed: can't read : No such file or directory

But the file exists:

$ ls dist/es6-shim.js 
dist/es6-shim.js

After clone git repo and run npm install
The package [email protected] does not satisfy its siblings' peerDependencies requirements!

error occurred on npm installing. Following warning message displayed
npm WARN optional Skipping failed optional dependency /chokidar/fsevents: npm WARN notsup Not compatible with your operating system or architecture: [email protected]

I think I did everything as outlined.

I put a few alerts here and there and they "alerted".

Example: I put an alert in es6-shim.js to prove that it was getting loaded.

Hi,

I'm encountering an issue when attempting to install the dependencies for this repo.

It happens during the postinstall script when attempting the typings install command

The output I see is:

> typings install

typings ERR! message Unable to read typings for "es6-shim". You should check the
 entry paths in "es6-shim.d.ts" are up to date
typings ERR! caused by Unable to connect to "https://raw.githubusercontent.com/D
efinitelyTyped/DefinitelyTyped/7de6c3dd94feaeb21f20054b9f30d5dabc5efabd/es6-shim
/es6-shim.d.ts"
typings ERR! caused by unable to get local issuer certificate

typings ERR! cwd C:\Users\rparker\Documents\GitHub\angular2-seed
typings ERR! system Windows_NT 6.1.7601
typings ERR! command "C:\\Program Files (x86)\\nodejs\\node.exe" "C:\\Users\\rpa
rker\\Documents\\GitHub\\angular2-seed\\node_modules\\typings\\dist\\bin.js" "in
stall"
typings ERR! node -v v4.4.1
typings ERR! typings -v 0.7.12

Now I am behind a proxy, so was thinking it must be an issue with the resource being blocked for some reason.

I can actually navigate to the url referenced in the error above in a browser and the github page opens up just fine.

Digging around the web I have come across posts with instructions on how to add proxy settings to the npm config file. I know the proxy details, so in mine I now have:

ca=
strict-ssl=false
registry=http://registry.npmjs.org/
proxy=http://myusername:mypassword@proxydomain:proxyport
https-proxy=http://myusername:mypassword@proxydomain:proxyport

This has made no difference for me, so I'm unsure what to do next.

Can anyone offer any advice?

Thanks

Firstly, really appreciate the repo, super helpful.

Unfortunately, recently, all of the sudden the tsc:w and tsc started taking extremely large amounts of time. Having ran time command tsc the output is just under 30 seconds!

Checked the typescript repo for any issues, only found suggestions to upgrade, however i am on the latest 1.8.10 version anyway. Node v4.4.2 should be handling that well as well. node_modules is definitely excluded. So really lost as to what might be causing this. Would appreciate any help or someone pointing me in the right direction.

Note: using the default tsconfig from this repo

Hi. I would like to build a golang+angular2 web stack skeleton. In this way I've cloned this repo to use as angular2 skel. but it seems not to be working . I simply did the following.

#git clone  https://github.com/angular/quickstart  my-proj
#cd my-proj/
 #npm install
 #npm start

And we got this error. How can I fix it ?

[root@grafanalab01 my-proj]# npm start

> [email protected] start /root/my-proj
> tsc && concurrently "tsc -w" "lite-server"

node_modules/angular2/platform/browser.d.ts(77,90): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/compiler/xhr.d.ts(6,23): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/compiler/xhr_mock.d.ts(10,23): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(83,60): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(83,146): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(96,51): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(96,147): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(133,90): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/application_ref.d.ts(171,81): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/change_detection/differs/default_keyvalue_differ.d.ts(23,15): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/change_detection/differs/default_keyvalue_differ.d.ts(25,16): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/change_detection/parser/locals.d.ts(3,14): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/change_detection/parser/locals.d.ts(4,42): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/debug/debug_node.d.ts(14,13): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/debug/debug_node.d.ts(24,17): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/debug/debug_node.d.ts(25,17): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/di/provider.d.ts(436,103): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/di/provider.d.ts(436,135): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/linker/compiler.d.ts(12,50): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/compiler.d.ts(16,41): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(108,136): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(156,150): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(197,128): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(203,127): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(204,141): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/linker/dynamic_component_loader.d.ts(205,119): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/core/render/api.d.ts(13,13): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/core/render/api.d.ts(14,84): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/async.d.ts(27,33): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/async.d.ts(28,45): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/collection.d.ts(1,25): error TS2304: Cannot find name 'MapConstructor'.
node_modules/angular2/src/facade/collection.d.ts(2,25): error TS2304: Cannot find name 'SetConstructor'.
node_modules/angular2/src/facade/collection.d.ts(4,27): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(4,39): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(7,9): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(8,30): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(11,43): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(12,27): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(14,23): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(15,25): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/collection.d.ts(99,41): error TS2304: Cannot find name 'Set'.
node_modules/angular2/src/facade/collection.d.ts(100,22): error TS2304: Cannot find name 'Set'.
node_modules/angular2/src/facade/collection.d.ts(101,25): error TS2304: Cannot find name 'Set'.
node_modules/angular2/src/facade/lang.d.ts(4,17): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/lang.d.ts(5,17): error TS2304: Cannot find name 'Set'.
node_modules/angular2/src/facade/lang.d.ts(71,59): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/facade/promise.d.ts(2,14): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(8,32): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(9,38): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(10,35): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(10,93): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(11,34): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(11,50): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(12,32): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(12,149): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/facade/promise.d.ts(13,43): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/mock/mock_application_ref.d.ts(12,80): error TS2304: Cannot find name 'Promise'.
node_modules/angular2/src/platform/browser/browser_adapter.d.ts(75,33): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/platform/dom/dom_adapter.d.ts(85,42): error TS2304: Cannot find name 'Map'.
node_modules/angular2/src/testing/matchers.d.ts(4,37): error TS2503: Cannot find namespace 'jasmine'.
node_modules/angular2/src/testing/test_component_builder.d.ts(118,43): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(35,67): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(50,66): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(89,67): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(94,38): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/CoreOperators.d.ts(94,50): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(46,62): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(47,42): error TS2304: Cannot find name 'Iterator'.
node_modules/rxjs/Observable.d.ts(103,74): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(103,84): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(143,66): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(158,65): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(201,66): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(206,38): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(206,50): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/ForkJoinObservable.d.ts(6,50): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/ForkJoinObservable.d.ts(7,58): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/FromObservable.d.ts(7,38): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/FromObservable.d.ts(7,51): error TS2304: Cannot find name 'Iterator'.
node_modules/rxjs/observable/PromiseObservable.d.ts(9,31): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/observable/PromiseObservable.d.ts(10,26): error TS2304: Cannot find name 'Promise'.
app/app.component.spec.ts(26,18): error TS2339: Property 'toEqual' does not exist on type 'NgMatchers'.
app/app.component.spec.ts(36,67): error TS2339: Property 'toBe' does not exist on type 'NgMatchers'.
app/app.component.spec.ts(46,30): error TS2339: Property 'toMatch' does not exist on type 'NgMatchers'.

npm ERR! Linux 2.6.32-573.8.1.el6.x86_64
npm ERR! argv "/usr/local/bin/node" "/root/.npm-global/bin/npm" "start"
npm ERR! node v5.10.1
npm ERR! npm  v3.8.6
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: `tsc && concurrently "tsc -w" "lite-server" `
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script 'tsc && concurrently "tsc -w" "lite-server" '.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular2-quickstart package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     tsc && concurrently "tsc -w" "lite-server"
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs angular2-quickstart
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls angular2-quickstart
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /root/my-proj/npm-debug.log

I am getting the similar error while trying to run a simple code where I am displaying a variable in html being changed in a javascript file:

var MainController = function($scope){
    $scope.message = "harsh";
};

and html as:

<!DOCTYPE html>
<html ng-app>

  <head>
    <script data-require="angular.js@*" data-semver="2.0.0-alpha.45" src="https://code.angularjs.org/2.0.0-alpha.45/angular2.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainController">
    <h1>{{message}}</h1>
  </body>

</html>

The error on chrome console is as:

Uncaught ReferenceError: System is not defined(anonymous function) @ angular2.js:3098

which points to:

System.register("angular2/src/core/facade/lang", [], true, function(require, exports, module) {

I don't understand the problem. Is it related to the angular2.js which is Angular lib file?

After checking out the repo npm run tsc fails.
npm: '3.8.2'
node: '0.10.43'

npm ERR! Linux 3.10.0-327.10.1.el7.x86_64 npm ERR! argv "node" "/bin/npm" "run" "tsc" npm ERR! node v0.10.43 npm ERR! npm v3.8.2 npm ERR! code ELIFECYCLE npm ERR! [email protected] tsc:tsc npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the [email protected] tsc script 'tsc'. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this is most likely a problem with the angular2-quickstart package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! tsc npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs angular2-quickstart npm ERR! Or if that isn't available, you can get their info via: npm ERR! npm owner ls angular2-quickstart npm ERR! There is likely additional logging output above.