NG8001 Angular Web 中应用程序的组件标头错误

Question

我创建了一个小的有角度的网络，并使用命令行创建了标题目录

ng g c Header

我在 header.component.html** 中写了一个小 sympil 段落 **

<p>header works!</p>

这是 **header.component.ts ** 中的代码

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

@Component({
  selector: 'app-header',
  standalone: true,
  imports: [],
  templateUrl: './header.component.html',
  styleUrl: './header.component.scss'
})
export class HeaderComponent {

}

并在 app.component.html <app-header></app-header>

并在 

app.component.ts

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

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet],
  templateUrl: './app.component.html',
  styleUrl: './app.component.scss'
})
export class AppComponent {
  title = 'MyFirstProjectDeveloperAkademie1Test';
}

当我使用命令行运行

ng服务时，我收到此错误

有人可以帮忙， 这是错误

Answer 1

HeaderComponent

需要由消费者导入（

AppComponent

）：

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet, HeaderComponent],
  templateUrl: './app.component.html',
  styleUrl: './app.component.scss'
})
export class AppComponent {
  title = 'MyFirstProjectDeveloperAkademie1Test';
}