angular2-template-loader无法内联组件模板

完成所有步骤后,我在尝试加载应用程序组件的模板时收到404错误.

该教程清楚地指出app.component.html和app.component.css应该由angular2-template-loader动态进行Bundeled,但它们不是,因为浏览器试图通过XHR请求它们.

本教程中的app.compnent.ts代码：

import { Component } from '@angular/core';
import '../../public/css/styles.css';
@Component({
    selector: 'my-app',templateUrl: 'app.component.html',styleUrls: ['./app.component.css']
})
export class AppComponent { }

如果我指定相对于基本路径的模板路径,它可以工作,但这不是正确的方法.

import { Component } from '@angular/core';
import '../../public/css/styles.css';
@Component({
    selector: 'my-app',templateUrl: './src/app/app.component.html',styleUrls: ['./src/app/app.component.css']
})
export class AppComponent { }

有没有人知道为什么会这样,有人能够用一个有效的解决方案完成教程吗？