Angularjs Angular 2在此处加载AppComponent内容时卡住

我一直在跟随学习Angular 2。就在33:00之后，我将headerComponent导入app.module.ts，localhost开始永久显示“在此处加载AppComponent内容”。同时，在视频中，标题和内容几乎立即加载。我做错了什么？这是我的密码：

app.component.ts：

import { Component } from '@angular/core';

import { headerComponent } from './header/app.headerComponent';

@Component({
  selector: 'my-app',
  templateUrl: './main.html',
})
export class AppComponent  {

}

import { Component } from '@angular/core';

@Component({
  selector: 'header',
  templateUrl: './header/header.html',
})
export class headerComponent  {



}

app.headerComponent.ts：

import { Component } from '@angular/core';

import { headerComponent } from './header/app.headerComponent';

@Component({
  selector: 'my-app',
  templateUrl: './main.html',
})
export class AppComponent  {

}

import { Component } from '@angular/core';

@Component({
  selector: 'header',
  templateUrl: './header/header.html',
})
export class headerComponent  {



}

app.module.ts：

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent }  from './app.component';
import { headerComponent } from './header/app.headerComponent';


@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent, headerComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

---

TK Omble发现了这个问题，这应该归功于他。生成错误，因为我正在从header文件夹中名为header的文件夹加载header模板。现在，我将templateUrl:“./header/header.html”更改为templateUrl:“./header.html”，效果很好

您是否

bootstrap

ed了

AppComponent

？可能有一些构建错误。请参见命令行。我想您正在尝试从header文件夹中名为header的文件夹加载header模板。因此，将templateUrl:“./header/header.html”更改为templateUrl:“./header.html”可能会起作用。谢谢你，现在它工作得很好！不客气。