角度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:

@H_403_9@import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app.module'; platformBrowserDynamic().bootstrapModule(AppModule);

的AppModule:

@H_403_9@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:

@H_403_9@@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相关文章