angular/quickstart

Angular QuickStart - source from the documentation

Angular QuickStart Source

This repository is now deprecated. The Angular Quickstart project was a nice starting point for creating Angular applications. Now we recommend using the Angular CLI to create new Angular projects.

Starting from 1 November 2017, all the Angular documentation, at angular.io, is based on the Angular CLI.

Let's get started

---

This repository holds the TypeScript source code of the angular.io quickstart, the foundation for most of the documentation samples and potentially a good starting point for your application.

It's been extended with testing support so you can start writing tests immediately.

This is not the perfect arrangement for your application. It is not designed for production. It exists primarily to get you started quickly with learning and prototyping in Angular

We are unlikely to accept suggestions about how to grow this QuickStart into something it is not. Please keep that in mind before posting issues and PRs.

Updating to a newer version of the Quickstart Repo

From time to time the QuickStart will be enhanced with support for new features or to reflect changes to the official Style Guide.

You can update your existing project to an up-to-date QuickStart by following these instructions:

• Create a new project using the instructions below
• Copy the code you have in your project's main.ts file onto src/app/main.ts in the new project
• Copy your old app folder into src/app
• Delete src/app/main.ts if you have one (we now use src/main.ts instead)
• Copy your old index.html, styles.css and tsconfig.json into src/
• Install all your third party dependencies
• Copy your old e2e/ folder into e2e/
• Copy over any other files you added to your project
• Copy your old .git folder into your new project's root

Now you can continue working on the new project.

Prerequisites

Node.js and npm are essential to Angular development.

Get it now if it's not already installed on your machine.

Verify that you are running at least node v4.x.x and npm 3.x.x by running node -v and npm -v in a terminal/console window. Older versions produce errors.

We recommend nvm for managing multiple versions of node and npm.

Create a new project based on the QuickStart

Clone this repo into new project folder (e.g., my-proj).

git clone https://github.com/angular/quickstart  my-proj
cd my-proj

We have no intention of updating the source on angular/quickstart. Discard the .git folder..

rm -rf .git  # OS/X (bash)
rd .git /S/Q # windows

Delete non-essential files (optional)

You can quickly delete the non-essential files that concern testing and QuickStart repository maintenance (including all git-related artifacts such as the .git folder and .gitignore!) by entering the following commands while in the project folder:

OS/X (bash)

xargs rm -rf < non-essential-files.osx.txt
rm src/app/*.spec*.ts
rm non-essential-files.osx.txt

Windows

for /f %i in (non-essential-files.txt) do del %i /F /S /Q
rd .git /s /q
rd e2e /s /q

Create a new git repo

You could start writing code now and throw it all away when you're done. If you'd rather preserve your work under source control, consider taking the following steps.

Initialize this project as a local git repo and make the first commit:

git init
git add .
git commit -m "Initial commit"

Recover the deleted .gitignore from the QuickStart repository if you lost it in the Delete non-essential files step.

Create a remote repository for this project on the service of your choice.

Grab its address (e.g. https://github.com/<my-org>/my-proj.git) and push the local repo to the remote.

git remote add origin <repo-address>
git push -u origin master

Install npm packages

See npm and nvm version notes above

Install the npm packages described in the package.json and verify that it works:

npm install
npm start

Doesn't work in Bash for Windows which does not support servers as of January, 2017.

The npm start command first compiles the application, then simultaneously re-compiles and runs the lite-server. Both the compiler and the server watch for file changes.

Shut it down manually with Ctrl-C.

You're ready to write your application.

npm scripts

We've captured many of the most useful commands in npm scripts defined in the package.json:

• npm start - runs the compiler and a server at the same time, both in "watch mode".
• npm run build - runs the TypeScript compiler once.
• npm run build:w - runs the TypeScript compiler in watch mode; the process keeps running, awaiting changes to TypeScript files and re-compiling when it sees them.
• npm run serve - runs the lite-server, a light-weight, static file server, written and maintained by John Papa and Christopher Martin with excellent support for Angular apps that use routing.

Here are the test related scripts:

• npm test - compiles, runs and watches the karma unit tests
• npm run e2e - compiles and run protractor e2e tests, written in Typescript (*e2e-spec.ts)

Testing

The QuickStart documentation doesn't discuss testing. This repo adds both karma/jasmine unit test and protractor end-to-end testing support.

These tools are configured for specific conventions described below.

It is unwise and rarely possible to run the application, the unit tests, and the e2e tests at the same time. We recommend that you shut down one before starting another.

Unit Tests

TypeScript unit-tests are usually in the src/app folder. Their filenames must end in .spec.ts.

Look for the example src/app/app.component.spec.ts. Add more .spec.ts files as you wish; we configured karma to find them.

Run it with npm test

That command first compiles the application, then simultaneously re-compiles and runs the karma test-runner. Both the compiler and the karma watch for (different) file changes.

Shut it down manually with Ctrl-C.

Test-runner output appears in the terminal window. We can update our app and our tests in real-time, keeping a weather eye on the console for broken tests. Karma is occasionally confused and it is often necessary to shut down its browser or even shut the command down (Ctrl-C) and restart it. No worries; it's pretty quick.

End-to-end (E2E) Tests

E2E tests are in the e2e directory, side by side with the src folder. Their filenames must end in .e2e-spec.ts.

Look for the example e2e/app.e2e-spec.ts. Add more .e2e-spec.js files as you wish (although one usually suffices for small projects); we configured Protractor to find them.

Thereafter, run them with npm run e2e.

That command first compiles, then simultaneously starts the lite-server at localhost:8080 and launches Protractor.

The pass/fail test results appear at the bottom of the terminal window. A custom reporter (see protractor.config.js) generates a ./_test-output/protractor-results.txt file which is easier to read; this file is excluded from source control.

Shut it down manually with Ctrl-C.

quickstart's Issues

Cannot find module 'lodash' when running e2e tests

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.

unit tests broken in beta.16

Known problem with beta.16; researching it now

tsc compilation takes forever

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

Account for the fact that ES6 build is now included in angular2 and rtts_assert

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

System.register-Issue setting up the 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?

Uncaught ReferenceError: System is not defined

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

"GET /app.es6" Error (404): "Not found"

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"}

strip_maps.sh fails for unknown reasons

$ 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

Shadow DOM gone

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?

Cannot use routerLink

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

problem with fssevent module installation on Ubuntu, due to this every other installation is skipped.

Cannot `import {UpgradeAdapter} from 'angular2/upgrade'`

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.

unable to access 'https://github.com/angular/quickstart/

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

TypeError: Cannot read property 'annotations' of undefined

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

a5f4882 work fine

This didn't work in either ie11 or ff 36.0.1 on windows 7

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.

Error after 'npm start'

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

Update up to 2.0.0-beta.10

Plz update quickstart to use latest beta

latest version does not execute - fails during load

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)"

error TS2304: Cannot find name 'Promise'

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

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

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

Uncaught ReferenceError: System is not defined

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?

Error: watch ENOSPC after npm start

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

[es6-shim.js] Register new Polymer elements - callbacks/prototype chain

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

Used this repo for a plunker

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

ForInTransform produces invalid code

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

Error: SyntaxError: Unexpected token

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

Error on "npm install" ERR! cb() never called!

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.

unable to run it on ubuntu 14.04

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]

TypeError: Error loading "rx/dist/rx.all"

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

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

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

Best way to build and deploy?

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

TypeError: task is undefined

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

node_modules files are not excluded; BrowserSync not working

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.

r

my bad.

Unable to compile TypeScript

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.

The package [email protected] does not satisfy its siblings' peerDependencies requirements

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

'start' task fails if there are compile errors

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.

Always synch with Angular release on npm

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.

npm install error - typings install

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

About angular_quickstart demo.

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. : (

Can't find Promise

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

Cannot find module 'rx'

module.js:341
throw err;

Error: Cannot find module 'rx'

EDIT: Seems to happen only when using nodemon

angular2_1.component is not a function

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

es6 and lite-server errors

[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

Correction to README.md

Under sub-heading "Unit Tests"

Run it with npm tests.

Should be:

Run it with npm test

es6-shim.js:29939 Uncaught RangeError: Maximum call stack size exceeded

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>

The package [email protected] does not satisfy its siblings' peerDependencies requirements!

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

Uncaught TypeError: Cannot read property 'zone' of undefined

A fresh install shows this error in Google Chrome Console.

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

Update angular2 to alpha 18

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

build:ng2 error

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'.