Angular 6 Relevante - Componente não é um elemento conhecido

votos
1

Eu estou tentando instalar o Material Design na minha Angular 6 aplicativo. Eu adicionei esquema de navegação usando o comando ng generate @angular/material:nav myNav. Quando eu compilar e servir o app, eu estou recebendo erro como

Erro Uncaught: Template erros de análise: 'meu-nav' não é um elemento conhecido: 1. Se 'meu-nav' é um componente angular, em seguida, verificar se ele faz parte deste módulo.

Meu código para app.modules.ts é como segue:

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

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { LayoutModule } from '@angular/cdk/layout';
import { MatToolbarModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule } from '@angular/material';
import { MyNavComponent } from './my-nav/my-nav.component';

@NgModule({
  declarations: [
    AppComponent,
    MyNavComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    LayoutModule,
    MatToolbarModule,
    MatButtonModule,
    MatSidenavModule,
    MatIconModule,
    MatListModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Meu código para app.component.html é a seguinte:

<my-nav></my-nav>

Por favor, deixe-me saber onde eu estou fazendo erro.

Publicado 20/10/2018 em 13:52
fonte usuário
Em outras línguas...                            


1 respostas

votos
1

Desde que é é:

@Component({
  selector: 'app-my-nav',
  templateUrl: './my-nav.component.html',
  styleUrls: ['./my-nav.component.css']
})

Seu seletor é app-my-nav, portanto, é <app-my-nav></app-my-nav>:

selector identifica esta directiva em um modelo e desencadeia instanciação da directiva.

Respondeu 20/10/2018 em 14:09
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more