我用的是Angular 2和Meteor .生成组件会产生以下错误:

模块"AppModule"导入了意外的指令"LoginComponent".请添加@NgModule注释.

app.module e.ts文件是

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 {}

还有登录.组成部分ts文件是

import 'zone.js';
import 'reflect-metadata';
import { Component } from '@angular/core';
import template from "./login.html";

@Component({
  selector: 'login',
  template
})
export class LoginComponent {}

推荐答案

NgModule.imports中,只能列出模块.不是组件.所以问题就在这里:

imports:[BrowserModule, LoginComponent, SignupComponent, ResourcesComponent ]

拆下部件,看一下NgModules FAQ

我应该进口什么?

导入需要在此模块的组件模板中引用其公共(导出)可声明类的模块

Angular相关问答推荐

Angular KendoGrid RowReorderable,drop不适用于新添加的行

Angular 17不接受带点(.)的路径在开发环境中,它直接抛出一个404错误

属性';apiUrl';在我的Angular 应用程序上不存在类型';{}';错误

合并Cypress和Karma的代码覆盖率报告JSON文件不会产生正确的结果

无法在单个元素上多次监听同一个事件

当try 关闭浏览器选项卡时显示alert 时,我是否可以捕获用户是否取消警告

如何处理后端删除元素后元素列表的刷新

IonicStorageModule似乎不是 NgModule 类

Angular APP_INITIALIZER 中的 MSAL 身份验证

Angular 15:在范围内提供相同标记时附加到提供的值

个人修改 Angular CLI - 创建新应用

清除Angular2中的输入文本字段

Angular2 SVG xlink:href

如何在 Angular Cli 中生成 .angular-cli.json 文件?

找不到模块'@angular/compiler'

EmptyError: no elements in sequence

angular 2模板使用console.log

Angular 2 Material 2 日期 Select 器日期格式

ng build 时超出调用重试次数异常

使用 EventEmitter 传递参数