您需要导入在x.component.ts中定义的组件类

export class XComponent {

}

字符串
然后在app.component.ts上添加imports数组

@Component({
  ...
  imports: [CommonModule, RouterOutlet, XComponent],
  ...
})

型

请确保您的x.component.ts和x.component.html文件包含有效的代码和模板。不应存在语法错误或阻止显示内容的问题。
下面是一个如何在app组件中包含x组件的示例：

// app.component.ts
    import { Component } from '@angular/core';
    import { XComponent } from './x/x.component'; // Check the path to the XComponent file
    
    @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
    })
    export class AppComponent {
      // Any necessary logic for the app component
    }

字符串
//app.component.html

<div>
      <!-- Other content or components -->
      <app-x></app-x> <!-- Include the XComponent here -->
    </div>

型