Угловой модуль функции angular6 ленивая ошибка бросания загрузки TypeError: undefined не является функцией

У меня есть этот код в app-routing.module.ts, так как новая документация в угловой я прошел через метод, но он не работает, бросая некоторые ошибки, которые я не могу понять.

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from "@angular/router";
import { HomeComponent } from "./home/home.component";
import { AdminModule } from "./admin/admin.module";

const routes: Routes = [
  {
    path: 'admin',
    loadChildren: './admin/admin.module#AdminModule'
  },
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
];

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forRoot(routes)
  ],
  exports: [
    RouterModule
  ],
  declarations: []
 })
 export class AppRoutingModule { }

Это порождает такую ошибку.

Я также попробовал старый способ загрузки, как этот 'app/admin/admin.module#AdminModule'. Но он все еще не работает.

core.js:1601 ERROR Error: Uncaught (in promise): TypeError: undefined is not a function
TypeError: undefined is not a function
    at Array.map (<anonymous>)
    at webpackAsyncContext ($_lazy_route_resource lazy namespace object:18)
    at SystemJsNgModuleLoader.push../node_modules/@angular/core/fesm5/core.js.SystemJsNgModuleLoader.loadAndCompile (core.js:5569)
    at SystemJsNgModuleLoader.push../node_modules/@angular/core/fesm5/core.js.SystemJsNgModuleLoader.load (core.js:5561)
    at RouterConfigLoader.push../node_modules/@angular/router/fesm5/router.js.RouterConfigLoader.loadModuleFactory (router.js:3294)
    at RouterConfigLoader.push../node_modules/@angular/router/fesm5/router.js.RouterConfigLoader.load (router.js:3282)
    at MergeMapSubscriber.project (router.js:1479)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._tryNext (mergeMap.js:117)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._next (mergeMap.js:107)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next (Subscriber.js:93)
    at Array.map (<anonymous>)
    at webpackAsyncContext ($_lazy_route_resource lazy namespace object:18)
    at SystemJsNgModuleLoader.push../node_modules/@angular/core/fesm5/core.js.SystemJsNgModuleLoader.loadAndCompile (core.js:5569)
    at SystemJsNgModuleLoader.push../node_modules/@angular/core/fesm5/core.js.SystemJsNgModuleLoader.load (core.js:5561)
    at RouterConfigLoader.push../node_modules/@angular/router/fesm5/router.js.RouterConfigLoader.loadModuleFactory (router.js:3294)
    at RouterConfigLoader.push../node_modules/@angular/router/fesm5/router.js.RouterConfigLoader.load (router.js:3282)
    at MergeMapSubscriber.project (router.js:1479)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._tryNext (mergeMap.js:117)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._next (mergeMap.js:107)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next (Subscriber.js:93)
    at resolvePromise (zone.js:814)
    at resolvePromise (zone.js:771)
    at zone.js:873
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:4062)
    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 drainMicroTaskQueue (zone.js:595)
    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:500)
    at invokeTask (zone.js:1540)

Ответы

Ответ 1

{path: 'admin', loadChildren:() => AdminModule }

попробуй это. это решение проблемы

Ответ 2

У меня была та же проблема, причиной для меня было то, что я импортировал ленивый загруженный модуль в свой модуль приложения.

Ответ 3

Эта ошибка срабатывает после некоторой перекомпиляции при запуске ng-сервиса, и после этого она всегда отображается. Перезапуск n-й службы - решил эту проблему.

Важный!

Использование функции loadChildren как функция - не ленивая загрузка:

{path: 'admin', loadChildren:() => AdminModule } //not lazy loading

потому что вам нужно импортировать ленивый модуль в модуль маршрутизации.

Для Lazy загрузки вы должны отправить путь к ленивому модулю - как String !

{path: 'admin', loadChildren:'app/admin/admin.module#AdminModule'} // This is lazy loading

Ответ 4

Я также столкнулся с той же проблемой при использовании Angular-7 и Angular CLI: 7.1.3 и попытался найти какое-то решение. Для меня это решено удалением оператора импорта лениво загруженного модуля из файла app.module.

// remove this from app.module and app-routing.module file and it will work fine
import { AdminModule } from "./admin/admin.module";

Конфигурация моего проекта для справки

Ответ 5

Я столкнулся с такой же проблемой, как это:

  1. run => ng serve --aot
  2. Убрал модуль из импорта корневого модуля, потому что я уже использовал модуль в маршрутизации в разделе loadChildren.

Используя оба способа, я смог запустить приложение. Итак, вы можете попробовать любой из них.

Ответ 6

Нам не нужно было импортировать AdminModule в app.module

Удалите его из файла app.module и app-routing.module, и он будет работать нормально.

import { AdminModule } from "./admin/admin.module";