diff --git a/src/app/components/about/about.ts b/src/app/components/about/about.ts
index ef8662c6..29164e70 100644
--- a/src/app/components/about/about.ts
+++ b/src/app/components/about/about.ts
@@ -7,8 +7,8 @@ import {Http} from '@angular/http';
   pipes: [],
   providers: [],
   directives: [],
-  styleUrls: ['./about.css'],
-  templateUrl: './about.html'
+  template: require('./about.html'),
+  styles: [require('./about.css')]
 })
 export class About {
 
diff --git a/src/app/components/home/home.ts b/src/app/components/home/home.ts
index 55c5e85d..cfc74d14 100644
--- a/src/app/components/home/home.ts
+++ b/src/app/components/home/home.ts
@@ -5,8 +5,8 @@ import {Component} from '@angular/core';
   pipes: [],
   providers: [],
   directives: [],
-  styleUrls: ['./home.css'],
-  templateUrl: './home.html'
+  template: require('./home.html'),
+  styles: [require('./home.css')]
 })
 export class Home {
 
diff --git a/src/app/components/repo-browser/repo-browser.ts b/src/app/components/repo-browser/repo-browser.ts
index ac636174..886f21ca 100644
--- a/src/app/components/repo-browser/repo-browser.ts
+++ b/src/app/components/repo-browser/repo-browser.ts
@@ -7,8 +7,8 @@ import { Github } from '../../services/github';
   pipes: [],
   providers: [ Github ],
   directives: [ ROUTER_DIRECTIVES ],
-  templateUrl: './repo-browser.html',
-  styleUrls: ['./repo-browser.css']
+  template: require('./repo-browser.html'),
+  styles: [require('./repo-browser.css')]
 })
 export class RepoBrowser {
 
diff --git a/src/app/components/repo-detail/repo-detail.ts b/src/app/components/repo-detail/repo-detail.ts
index 1d753b43..2fabe3f2 100644
--- a/src/app/components/repo-detail/repo-detail.ts
+++ b/src/app/components/repo-detail/repo-detail.ts
@@ -7,8 +7,8 @@ import {Github} from '../../services/github';
   pipes: [],
   providers: [],
   directives: [ROUTER_DIRECTIVES],
-  styleUrls: ['./repo-detail.css'],
-  templateUrl: './repo-detail.html'
+  template: require('./repo-detail.html'),
+  styles: [require('./repo-detail.css')]
 })
 export class RepoDetail {
   private org:string;
diff --git a/src/app/components/repo-list/repo-list.ts b/src/app/components/repo-list/repo-list.ts
index b93b6358..36820765 100644
--- a/src/app/components/repo-list/repo-list.ts
+++ b/src/app/components/repo-list/repo-list.ts
@@ -8,8 +8,8 @@ import {ROUTER_DIRECTIVES, ActivatedRoute} from '@angular/router';
   pipes: [],
   providers: [],
   directives: [ ROUTER_DIRECTIVES ],
-  styleUrls: ['./repo-list.css'],
-  templateUrl: './repo-list.html',
+  template: require('./repo-list.html'),
+  styles: [require('./repo-list.css')]
 })
 export class RepoList {
   org: string;