J'utilise Angular 2 et Meteor. La génération de composants génère l'erreur suivante:
Directive 'LoginComponent' inattendue importée par le module 'AppModule'. Veuillez ajouter une annotation @NgModule.
le fichier app.module.ts est
import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MyApp } from './app.component';
import { LoginComponent } from '../../components/login/login.component';
import { SignupComponent } from '../../components/signup/signup.component';
import { ResourcesComponent } from '../../components/resources/resources.component';
import { NavbarComponent } from '../../components/navbar/navbar.component';
@NgModule({
declarations: [
MyApp,
LoginComponent,
SignupComponent,
ResourcesComponent
],
entryComponents: [
MyApp
],
imports:[BrowserModule,
LoginComponent,
SignupComponent,
ResourcesComponent
],
bootstrap: [MyApp]
})
export class AppModule {}
et le fichier login.component.ts est
import 'zone.js';
import 'reflect-metadata';
import { Component } from '@angular/core';
import template from "./login.html";
@Component({
selector: 'login',
template
})
export class LoginComponent {}
Dans un NgModule.imports
, vous ne pouvez lister que les modules. Pas de composants. Donc le problème est ici:
imports:[BrowserModule, LoginComponent, SignupComponent, ResourcesComponent ]
Supprimez les composants et jetez un oeil à NgModules FAQ
Que devrais-je importer?
Importez les modules dont vous devez référencer les classes déclarables publiques (exportées) dans les modèles de composant de ce module.