错误：“组件选择器”不是已知元素：在 Angular 5 应用程序上运行 ng-build

Posted 2023-02-22

【中文标题】错误：“组件选择器”不是已知元素：在 Angular 5 应用程序上运行 ng-build

【英文标题】：ERROR in : 'component selector' is not a known element: running ng-build on angular 5 app

【发布时间】：2018-06-05 21:14:41

【问题描述】：

  ERROR in : 'app-admin-navs' is not a known element:

1。如果 'app-admin-navs' 是一个 Angular 组件，那么验证它是这个模块的一部分。 2. 如果 'app-admin-navs' 是一个 Web 组件，则将 'CUSTOM_ELEMENTS_SCHEMA' 添加到该组件的 '@NgModule.schemas' 以禁止显示此消息。 ("[错误->] ")

import  BrowserModule  from '@angular/platform-browser';
import  NgModule  from '@angular/core';
import  NgbModule  from '@ng-bootstrap/ng-bootstrap';
import AuthenticationModule from './authentication/authentication.module';
import  SelectModule  from 'ng-select';
import FormsModule from '@angular/forms';
import  RouterModule  from '@angular/router';
import NoopAnimationsModule from '@angular/platform-browser/animations';
// import  SharedModule  from './shared/shared.module';

// import ProcessListService from '././processflow/services/process-list.service';



import  AppComponent  from './app.component';
import  AppRoutingModule  from './app-routing.module';
import  ReactiveFormsModule  from '@angular/forms';


@NgModule(
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    RouterModule,
    AppRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    SelectModule, // Select2
    NgbModule.forRoot(), // bootstrap
    AuthenticationModule,
    NoopAnimationsModule,

    // lazy load other modules. they are in shared module, lazy loaded by routes


  ],
  providers: [
  ],
  bootstrap: [AppComponent]
)
export class AppModule  





  <app-admin-navs></app-admin-navs>
    <router-outlet></router-outlet>

     @Component(
  selector: 'app-admin-navs',
  templateUrl: './admin-navs.component.html',
  styleUrls: ['./admin-navs.component.css']
   )

【问题讨论】：

发布你的 app.module.ts

@Sajeetharan，我有。

在问题中包含组件的声明（包括@Component 部分中的selector 语句）以及包含组件的标记。

@ConnorsFan 我已经编辑了问题

【参考方案1】：

正如错误所说，您需要在 app.module.ts 中添加组件，我假设名称为 AppAdminNavigationComponent

@NgModule(
  declarations: [
    AppComponent,
    AppAdminNavigationComponent
]

【讨论】：

我有一个用于该组件的模块，我在该模块中声明了该组件。我在使用该组件的任何地方都导入了该模块。

然后在 app.module.ts 中导入该模块

我确定您缺少 app.module.ts 中的模块

@BakareIsaacOmotayo - 组件是否在其模块的exports 列表中？

@ConnorsFan，我确实添加到了导出列表中