同模块声明的Angular组件报错：'app-header'不是已知元素求助

以下是几个直接的排查和解决步骤：

• 核对 HeaderComponent 的选择器
  打开 header.component.ts，确认@Component装饰器里的selector字段值就是app-header，代码示例：

  @Component({
    selector: 'app-header',
    templateUrl: './header.component.html',
    styleUrls: ['./header.component.css']
  })
  export class HeaderComponent { /* ... */ }
  

• 检查 desktop.module.ts 的声明配置
  确保已经正确导入HeaderComponent，并且将其加入到declarations数组中，示例代码：

  import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { DesktopComponent } from './desktop.component';
  import { HeaderComponent } from './header.component'; // 必须正确导入
  
  @NgModule({
    declarations: [
      DesktopComponent,
      HeaderComponent // 必须在此声明
    ],
    imports: [CommonModule]
  })
  export class DesktopModule { }
  

• 重启开发服务器
  停止当前运行的ng serve命令，重新启动，避免缓存导致的模块更新不生效。

• 校验文件导入路径
  确认HeaderComponent的导入路径没有拼写错误，比如是否是./header.component而非其他错误路径。

内容的提问来源于stack exchange，提问作者Kate