为什么我的 angular 2 应用程序没有呈现？

Question

我在观看视频教程时正在构建一个 angular 2 应用程序。但问题是我很好地引用了这些文件，但我在浏览器的控制台中找不到页面。 这是我的组件的代码

@Component({
   moduleId: module.id,
   selector: 'my-employee',
   templateUrl: '.Employee/employee.component.html'
})
export class EmployeeComponent {
   firstName: string = 'Mr X';
   lastName: string = 'Johnson';
   gender: string = 'Male';
   age: number = 20;
}

正确引用了 templateUrl，但我仍然收到 page nof found 错误。请任何帮助将受到高度欢迎。谢谢。 更新：项目结构

Answer 1

您好，可以试试吗：

templateUrl: './employee.component.html'

这是路径问题。您不需要在 teamplateURL.

中添加 Employee

完整代码如下：

@Component({
    moduleId: module.id,
    selector: 'my-employee',
    templateUrl: './employee.component.html'
})
export class EmployeeComponent {
    firstName: string = 'Mr X';
    lastName: string = 'Johnson';
    gender: string = 'Male';
    age: number = 20;

    constructor() {
    }
}

Answer 2

由于 employee.component.html 和 employee.component.ts 在同一文件夹中，因此无需在模板 url 路径中添加 Employee/employee.component.html。你也只使用 '.'在文件夹名称之前，只需将其更改为 './employee.component.html'。希望 ut 能奏效。

为什么我的 angular 2 应用程序没有呈现？

Why is my angular 2 application not rendering?

angular2-template

angular2-components

angular