i'm upgrade my Sudut 2 proyek dari RC5 untuk 2.0.0. Saya mendapatkan Error ini
tidak Tertangani Janji penolakan: Komponen LoginComponent adalah bukan merupakan bagian dari NgModule atau modul belum diimpor ke anda modul. ; Zona:
; Tugas: Janji.kemudian, Nilai: Error: Komponen
Utama.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 {
}
Login @Komponen:
@Component({
selector: 'Login',
templateUrl: 'App/Login/Login.html',
providers: [LoginService],
styleUrls: ['App/Login/Login.css']
})
Apa yang salah?
Saya memiliki masalah yang sama bergerak dari RC5 ke Final dan itu butuh waktu sedikit untuk menemukan jawaban saya. Akhirnya saya menemukan jawabannya setelah mengingat saya menerima pesan peringatan "NgModule AppModule menggunakan LoginComponent melalui "LoginComponent" tapi itu tidak menyatakan atau diimpor! Peringatan ini akan menjadi kesalahan setelah final." Ketika saya akhirnya melihat tentang pesan kesalahan saya menemukan jawaban yang mungkin sama dengan anda. Saya menemukan jawaban saya di sini.
Apa posting ini petunjuk-petunjuk saya di atas adalah bahwa dalam aplikasi saya.modul.ts file saya telah menyatakan komponen-komponen sebagai berikut:
aplikasi.modul:
impor { AccountComponent, AccountDetails } dari './akun/index'; impor { LoginComponent, ResetPasswordComponent } dari './login/index';
Tapi di rute file ini adalah sebagai berikut:
impor { AccountComponent, AccountDetails } dari './Akun/Index'; impor { LoginComponent, ResetPasswordComponent } dari './Login/Index';
Jadi rute berpikir yang memuat komponen yang berbeda maka modul tersebut karena perbedaan dalam kapitalisasi, yang berarti orang-orang yang ditarik ke rute yang tidak sama orang-orang sebagai modul.
Berharap itu bisa membantu.
Masalah yang sama di sini dan saya soal itu.
import { Component } from '@angular/core';
@Component({
moduleId:module.id,
selector: 'page-home',
templateUrl:'HomeComponent.html',
})
export class HomeComponent { }
import {HomeComponent} from './Components/Pages/Home/HomeComponent';
...
declarations: [
AppComponent,
HomeComponent
],
Dan masalahnya adalah tetap.
Saya memiliki kesalahan yang sama. Saya memiliki banyak komponen dan telah melewatkan beberapa di app.modul.ts tapi saya tidak yakin yang mana.
Saya menemukan dengan menambahkan log pernyataan ..
/node_modules/@angular/compiler/bundles/compiler.umd.js
// I ADDED THIS LOG STATEMENT
console.log('compType', String(compType));
// THIS LINE EXISTS ALREADY
throw new Error("Component " + stringify(compType) + " is not part of any NgModule or the module has not been imported into your module.");
Log pernyataan yang menunjukkan komponen yang anda lupa untuk menambahkan ke app.modul.ts .. klik output dari log pernyataan di konsol browser tab untuk rincian.
Menghapus log pernyataan ketika anda selesai.
CATATAN: pastikan anda menggunakan compiler.umd.js (TIDAK compiler.umd.min.js) di SystemJS config file.
Dalam kasus Saya, masalahnya adalah dengan kapitalisasi perbedaan dalam app.routing.ts
dan aplikasi.modul.ts
. Kita perlu memastikan bahwa kita memiliki jalan yang sama dengan kasus yang sama yang ditentukan dalam kedua lokasi.
aplikasi.routing.ts => impor { HomeComponent } dari './komponen/rumah.komponen';
aplikasi.modul.ts => impor { HomeComponent } dari './Komponen/rumah.komponen'
aplikasi.routing.ts => impor { HomeComponent } dari './Komponen/rumah.komponen';
aplikasi.modul.ts => impor { HomeComponent } dari './Komponen/rumah.komponen'
Catatan, perubahan dalam kasus folder bernama "Komponen"