无法在Angular 8中使用组件

时间:2019-12-16 00:47:28

标签: angular

我正在学习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() {
  }

}

任何帮助将不胜感激。

1 个答案:

答案 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  {
  ...
}