Erreur de chargement paresseux Angular 5: $$ _ lazy_route_resource paresseux récursif
Je suis angulaire à l'aide de la cli AoT compilation.
Lorsque je tente de faire un chargement différé composant de la suite de cette tutoriel, j'ai obtenu l'erreur ci-dessous:
ERROR Error: Uncaught (in promise): TypeError: __webpack_require__.e is not a function
TypeError: __webpack_require__.e is not a function
at webpackAsyncContext (eval at ./src/$$_lazy_route_resource lazy recursive (main.bundle.js:13), <anonymous>:15:29)
at SystemJsNgModuleLoader.loadAndCompile (core.js:6554)
at SystemJsNgModuleLoader.load (core.js:6538)
at RouterConfigLoader.loadModuleFactory (router.js:4543)
at RouterConfigLoader.load (router.js:4523)
at MergeMapSubscriber.eval [as project] (router.js:2015)
at MergeMapSubscriber._tryNext (mergeMap.js:128)
at MergeMapSubscriber._next (mergeMap.js:118)
at MergeMapSubscriber.Subscriber.next (Subscriber.js:92)
at ScalarObservable._subscribe (ScalarObservable.js:51)
at webpackAsyncContext (eval at ./src/$$_lazy_route_resource lazy recursive (main.bundle.js:13), <anonymous>:15:29)
at SystemJsNgModuleLoader.loadAndCompile (core.js:6554)
at SystemJsNgModuleLoader.load (core.js:6538)
at RouterConfigLoader.loadModuleFactory (router.js:4543)
at RouterConfigLoader.load (router.js:4523)
at MergeMapSubscriber.eval [as project] (router.js:2015)
at MergeMapSubscriber._tryNext (mergeMap.js:128)
at MergeMapSubscriber._next (mergeMap.js:118)
at MergeMapSubscriber.Subscriber.next (Subscriber.js:92)
at ScalarObservable._subscribe (ScalarObservable.js:51)
at resolvePromise (zone.js:809)
at resolvePromise (zone.js:775)
at eval (zone.js:858)
at ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:4736)
at ZoneDelegate.invokeTask (zone.js:420)
at Zone.runTask (zone.js:188)
at drainMicroTaskQueue (zone.js:595)
at ZoneTask.invokeTask [as invoke] (zone.js:500)
at invokeTask (zone.js:1517)
Voici une partie de mes codes:
application de routage.le module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: 'listes', loadChildren: 'app/component/list/list.module#ListModule'}
];
@NgModule({
imports: [
RouterModule.forRoot(routes)
],
declarations: [],
exports: [ RouterModule ]
})
export class AppRoutingModule { }
liste de routage.le module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ListComponent } from './list.component';
const routes: Routes = [] = [
{ path: '', component: ListComponent }
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class ListRoutingModule { }
liste.le module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ListRoutingModule } from './list-routing.module';
import { ListComponent } from './list.component';
@NgModule({
imports: [
CommonModule,
ListRoutingModule
],
declarations: [ ListComponent ]
})
export class ListModule { }
app.le module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { HeaderComponent } from './component/header/header.component';
import { FooterComponent } from './component/footer/footer.component';
import { AppRoutingModule } from './app-routing.module';
import { DetailModule } from './component/detail/detail.module';
import { HomeComponent } from './component/home/home.component';
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
FooterComponent,
HomeComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
Je l'ai déjà signaler comme un Angulaires-cli Question. Vous pouvez le trouver ici.
Quelqu'un est-il connu le même problème et trouvé une solution pour cela?
Problème:
Angulaire 5 Angulaire de la cli de non-chargement différé des modules dans le routeur
(Pas encore résolus).La solution proposée:
https://github.com/gdi2290/angular-starter/issues/1936:{ path: 'listes', loadChildren: () => ListModule } //it doesn't do lazy loading
Informations importantes:
Angular cli: 1.7.0
Angular: 5.2.0
De mes salutations les
source d'informationauteur Radonirina Maminiaina
Vous devez vous connecter pour publier un commentaire.
J'ai cloné et reproduit le problème à l'aide de votre posté github le code. Afin de fixer votre @angulaire/cli mondiale et devDependencies les paquets doivent être à 1.7.2
Maintenant votre @angulaire/cli paquet dans votre devDependencies correspond à la version internationale et il est mis à 1.7.2 où ce problème est résolu.
J'ai eu le même problème. - Je le résoudre Simplement l'arrêt de la cli de serveur et de le démarrer. L'erreur est allé si vous avez fait votre code correctement.
Il y a un bug ouvert sur angulaires-cli 1.7.x: https://github.com/angular/angular-cli/issues/9488#issuecomment-368871510
Revenir à 1.6.8 résoudre le problème pour moi.
J'ai eu le même problème.fixez à l'aide de
Veuillez voir ce commentaire sur le 1.7.x bug. Le problème semble être de l'importation du paresseux chargé dans le module de AppModule. Retrait de l'importation résolu le problème pour moi: https://github.com/angular/angular-cli/issues/9488#issuecomment-374037802
Selon moi, le problème, c'est que vous avez peut-être paresseux de charger plus d'un module sur les mêmes routes dans le même fichier de routage. J'ai également fait face à des problèmes similaires et changer le nom de l'un des itinéraires
Que pour moi le problème était dans l'importation de ChildModule après AppRoutingModule dans AppModule. La réorganisation de remédier à mon problème.
Dans votre application.le module.ts, avez-vous importer ListModule ?
J'ai fait face à la même question, et a été en mesure de le réparer en supprimant les paresseux, les modules chargés dans les importations dans l'app.le module.ts