我正在学习Angular 8,甚至在搜索了一个小时的其他问题后也无法解决。解决方案似乎在我的鼻子底下,但我看不到。我不断收到此错误:
“ app-green”不是已知元素: 1.如果“ app-green”是Angular组件,请验证它是否属于此模块。 2.如果“ app-green”是Web组件,则在该组件的“ @ NgModule.schemas”中添加“ CUSTOM_ELEMENTS_SCHEMA”以禁止显示此消息。
这是我的app.module.ts代码
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {FormsModule} from '@angular/forms';
import { AppComponent } from './app.component';
import { ServerComponent } from './servers/server.component';
import { SubServerComponent } from './sub-server/sub-server.component';
import { GreenComponent } from './green/green.component';
@NgModule({
declarations: [
AppComponent,
ServerComponent,
SubServerComponent,
GreenComponent,
],
imports: [
BrowserModule,
FormsModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
这是组件代码:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-green',
templateUrl: './green.component.html',
styleUrls: ['./green.component.css']
})
export class GreenComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
任何帮助将不胜感激。
答案 0 :(得分:0)
您还必须将 GreenComponent 导入到 AppComponent 中,而以前显然没有。 就像人们认为的那样,将 GreenComponent 导入到 AppModule 中是不够的。
import { Component } from '@angular/core';
import { GreenComponent } from './green/green.component';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ],
})
export class AppComponent {
...
}