Fix webpack and router compile errors

Readme.md

@@ -14,5 +14,5 @@ Clone this repository as well as [the server](https://github.com/auth0/nodejs-jw
 
 First, run the server app in the port `3001`.
 
-Then, run `npm install` on this project and run `npm startwatch` to start the app. Then just navigate to [http://localhost:3000](http://localhost:3000) :boom:
+Then, run `npm install` on this project and run `npm start` to start the app. Then just navigate to [http://localhost:3000](http://localhost:3000) :boom:
 

src/app/app.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../typings/tsd.d.ts" />
 
-import {View, Component} from 'angular2/angular2';
+import {View, Component, Inject} from 'angular2/angular2';
 import {Location, RouteConfig, RouterLink, Router} from 'angular2/router';
 import {LoggedInRouterOutlet} from './LoggedInOutlet';
 import {Home} from '../home/home';
@@ -24,6 +24,6 @@ let template = require('./app.html');
   { path: '/signup', as: 'signup', component: Signup }
 ])
 export class App {
-  constructor(public router: Router) {
+  constructor(@Inject(Router) router: Router) {
   }
 }

src/home/home.ts

@@ -1,9 +1,9 @@
 /// <reference path="../../typings/tsd.d.ts" />
 
-import {Component, View} from 'angular2/angular2';
+import {Component, View, Inject} from 'angular2/angular2';
 import {coreDirectives} from 'angular2/directives';
 import {status, text} from '../utils/fetch'
-import { Router} from 'angular2/router';
+import {Router} from 'angular2/router';
 
 let styles   = require('./home.css');
 let template = require('./home.html');
@@ -22,8 +22,10 @@ export class Home {
   decodedJwt: string;
   response: string;
   api: string;
+  router: Router;
 
-  constructor(public router: Router) {
+  constructor(@Inject(Router) router: Router) {
+    this.router = router;
     this.jwt = localStorage.getItem('jwt');
     this.decodedJwt = this.jwt && window.jwt_decode(this.jwt);
   }

src/login/login.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../typings/tsd.d.ts" />
 
-import {Component, View} from 'angular2/angular2';
+import {Component, View, Inject} from 'angular2/angular2';
 import {status, json} from '../utils/fetch'
-import { Router, RouterLink } from 'angular2/router';
+import {Router, RouterLink } from 'angular2/router';
 
 
 let styles   = require('./login.css');
@@ -18,7 +18,10 @@ let template = require('./login.html');
   directives: [RouterLink]
 })
 export class Login {
-  constructor(public router: Router) {
+  router: Router;
+
+  constructor(@Inject(Router) router: Router) {
+      this.router = router;
   }
 
   login(event, username, password) {

src/signup/signup.ts

@@ -1,9 +1,9 @@
 /// <reference path="../../typings/tsd.d.ts" />
 
 import {coreDirectives} from 'angular2/directives';
-import {Component, View} from 'angular2/angular2';
+import {Component, View, Inject} from 'angular2/angular2';
 import {status, json} from '../utils/fetch';
-import { Router, RouterLink } from 'angular2/router';
+import {Router, RouterLink } from 'angular2/router';
 
 let styles   = require('./signup.css');
 let template = require('./signup.html');
@@ -16,8 +16,12 @@ let template = require('./signup.html');
   styles: [ styles ],
   template: template
 })
+
 export class Signup {
-  constructor(public router: Router) {
+  router: Router;
+
+  constructor(@Inject(Router) router: Router) {
+      this.router = router;
   }
 
   signup(event, username, password) {