ใน AppComponent ฉันกำลังใช้ส่วนประกอบ nav ในโค้ด HTML UI ดูดี ไม่มีข้อผิดพลาดเมื่อทำการเสิร์ฟ ng และไม่มีข้อผิดพลาดในคอนโซลเมื่อฉันดูแอป
แต่เมื่อฉันรัน Karma สำหรับโครงการของฉันมีข้อผิดพลาด:
Failed: Template parse errors:
'app-nav' is not a known element:
1. If 'app-nav' is an Angular component, then verify that it is part of this module.
2. If 'app-nav' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
ในapp.module.tsของฉัน:
มี:
import { NavComponent } from './nav/nav.component';
นอกจากนี้ยังอยู่ในส่วนการประกาศของ NgModule
@NgModule({
declarations: [
AppComponent,
CafeComponent,
ModalComponent,
NavComponent,
NewsFeedComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
JsonpModule,
ModalModule.forRoot(),
ModalModule,
NgbModule.forRoot(),
BootstrapModalModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
ฉันใช้NavComponent
ในของฉันAppComponent
app.component.ts
import { Component, ViewContainerRef } from '@angular/core';
import { Overlay } from 'angular2-modal';
import { Modal } from 'angular2-modal/plugins/bootstrap';
import { NavComponent } from './nav/nav.component';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Angela';
}
app.component.html
<app-nav></app-nav>
<div class="container-fluid">
</div>
ฉันเคยเห็นคำถามที่คล้ายกัน แต่คำตอบในคำถามนั้นบอกว่าเราควรเพิ่ม NgModule ในส่วนประกอบ nav ที่มีการส่งออก แต่ฉันได้รับข้อผิดพลาดในการคอมไพล์เมื่อฉันทำเช่นนั้น
นอกจากนี้ยังมี: app.component.spec.ts
import {NavComponent} from './nav/nav.component';
import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { NavComponent }
ใน spec.ts ของคุณ