webentwicklung-frage-antwort-db.com.de

In der Version Angular 7 funktioniert Lazy Loading nicht

Ich habe meine Version mit Winkel 6 auf Version mit Winkel 7 aktualisiert. Jetzt bekomme ich eine Fehlermeldung, wenn ich versuche, zu " http: // localhost: 4200/pages " zu navigieren. Ich verwende ein Lazy-Load-Route-Konzept in meiner Anwendung. 

Error:- 

core.js: 12584 ERROR Fehler: Nicht erfasst (Versprechen): Fehler: Das Modul './Pages/Test/Test.module'.__ kann nicht gefunden werden. Fehler: Das Modul './Pages/Test/Test.module'.__ kann nicht gefunden werden. at $ _lazy_route_resource Lazy-Namespace-Objekt: 5 at ZoneDelegate.Push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js: 388) bei Object.onInvoke (core.js: 14143) at ZoneDelegate.Push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js: 387) at Zone.Push ../ node_modules/zone.js/dist/zone.js.Zone.run (zone.js: 138) at zone.js: 872 at ZoneDelegate.Push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js: 421) at Object.onInvokeTask (core.js: 14134) at ZoneDelegate.Push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js: 420) at Zone.Push ../ node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js: 188) at $ _lazy_route_resource Lazy-Namespace-Objekt: 5 at ZoneDelegate.Push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js: 388) bei Object.onInvoke (core.js: 14143) at ZoneDelegate.Push ../ node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js: 387) bei Zone.Push ../ node_modules/zone.js/dist/zone.js.Zone.run (zone.js: 138)

app-routing.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Routes} from '@angular/router';

export const AppRoutes : Routes = [
 {
  path : '',
  redirectTo: 'test',
  pathMatch: 'full',
 }
 {
  path: 'test',
  loadChildren: './Pages/test/test.module#TestModule'
 }      
]

Sagen Sie mir, wie Sie diesen Fehler beheben können.

webpackangular-routingangular-routerangular7
5
Harleen Kaur Arora

Nach vielen Änderungen habe ich festgestellt, dass app.routing.ts folgendermaßen aussehen sollte: - 

import { TestModule } from './Pages/test/test.module';

 export const AppRoutes : Routes = [
 {
  path : '',
  redirectTo: 'test',
  pathMatch: 'full',
 }
 {
  path: 'test',
  loadChildren: () =>  TestModule
 }      
]

Nach Änderungen funktioniert das für mich perfekt.

6
Harleen Kaur Arora

Ich benutze https://stackoverflow.com/a/53128336/5360463 Aber im Prod-Modus erhalte ich diesen Fehler

Erwägen Sie, den Funktionsausdruck in eine exportierte Funktion zu ändern.

und ich ändere den Code dazu

import { TestModule } from './Pages/test/test.module';

export function getTestModule() {
  return TestModule;
}

 export const AppRoutes : Routes = [
 {
  path : '',
  redirectTo: 'test',
  pathMatch: 'full',
 },
 {
  path: 'test',
  loadChildren: getTestModule
 }      
]
0
behroozbc