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

Question

  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']
   })

Answer 1

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

@NgModule({
  declarations: [
    AppComponent,
    AppAdminNavigationComponent
]