角度2组件不是任何NgModule的一部分

前端之家收集整理的这篇文章主要介绍了角度2组件不是任何NgModule的一部分前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我将Angular 2项目从RC5升级到2.0.0。我得到这个错误

Unhandled Promise rejection: Component LoginComponent is
not part of any NgModule or the module has not been imported into your
module. ; Zone: ; Task: Promise.then ; Value: Error: Component

Main.ts:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

的AppModule:

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';
import { AppComponent }  from './app.component';
import {RouterModule} from "@angular/router";
import {AppsAdminComponent} from './AppsAdmin/AppsAdmin.component';
import {AppsManagerComponent} from './AppsManager/AppsManager.component';
import {LoginComponent} from './Login/Login.component';
import {logoutComponent} from './logout/logout.component';
import { Routing }  from './App.routing';
import {HttpModule} from '@angular/http';
//import {AppsManagerService} from './Service/AppsManager.service';
import {GlobalService} from './Service/GlobalService';
import {Webservice} from './Service/Webservice';

@NgModule({
    declarations: [
        AppComponent,LoginComponent,logoutComponent,AppsAdminComponent,AppsManagerComponent
    ],imports: [
        BrowserModule,HttpModule,FormsModule,Routing
    ],providers: [
        GlobalService,Webservice

    ],bootstrap: [
        AppComponent
    ]
})
export class AppModule {
}

登录@Component:

@Component({
    selector: 'Login',templateUrl: 'App/Login/Login.html',providers: [LoginService],styleUrls: ['App/Login/Login.css']
})

哪里不对?

我有同样的问题从RC5转到Final,我花了一点时间找到我的答案。记得我收到警告信息后,终于找到了我的答案“NgModule AppModule通过”LoginComponent“使用LoginComponent,但没有声明也没有导入!这个警告会在final之后变成一个错误。当我终于看到这个错误信息,我发现我的答案可能与你的相似。我找到了我的答案 here

这个帖子引发我的是在我的app.module.ts文件中,我已经声明了我的组件如下:

app.module:

从’./account/index’导入{AccountComponent,AccountDetails};
从’./login/index’导入{LoginComponent,ResetPasswordComponent};

但在我的路由文件中,它是以下内容

从’./Account/Index’导入{AccountComponent,AccountDetails};
从“./Login/Index”导入{LoginComponent,ResetPasswordComponent};

因此,由于大写字母的差异,路由器认为其加载不同的组件,这意味着被拉入路由的模块与模块不一样。

希望可能有所帮助。

原文链接:https://www.f2er.com/angularjs/144488.html

猜你在找的Angularjs相关文章