错误:'component selector' 不是已知元素:运行 ng-build on angular 5 app
ERROR in : 'component selector' is not a known element: running ng-build on angular 5 app
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
中添加组件,我假设名称为 AppAdminNavigationComponent
@NgModule({
declarations: [
AppComponent,
AppAdminNavigationComponent
]
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
中添加组件,我假设名称为 AppAdminNavigationComponent
@NgModule({
declarations: [
AppComponent,
AppAdminNavigationComponent
]