＆＃x27; app-sidenav-list＆＃x27;不是已知元素

Question

当我创建Sidenav选项卡时。但是将其用于HTML时会遇到一些错误。

要检查错误，请找到屏幕快照。 错误

要检查模块导入文件，请检查ScreenSot- app.module.ts

'app-sidenav-list'不是已知元素：

1. 如果“ app-sidenav-list”是一个角度组件，然后验证它是该模块的一部分。
2. 如果“ app-sidenav list”是一个Web组件，则将“ custom_elements_schema”添加到此组件的“@ngmodule.schemas”中，以抑制此消息。

Answer 1

请检查您是否已在app.module.ts中导入了Sidenavlist组件。

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { SideNavList} from './side-nav-list.component';  //Add your component name and path

@NgModule({
  declarations: [
    AppComponent,
    SideNavList     //import your component
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 2

当未在app.module.ts文件中添加有关组件时，通常会发生这种情况。
请验证并相应确认。