延迟加载Angular 5错误:$$_ lazy_route_resource懒惰递归
发布时间:2020-12-17 08:03:03 所属栏目:安全 来源:网络整理
导读:我正在使用angular cli AoT编译. 当我尝试在此 tutorial之后创建一个延迟加载组件时,我收到以下错误: ERROR Error: Uncaught (in promise): TypeError: __webpack_require__.e is not a functionTypeError: __webpack_require__.e is not a function at web
我正在使用angular cli AoT编译.
当我尝试在此 tutorial之后创建一个延迟加载组件时,我收到以下错误: 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) 以下是我的代码的一部分: APP-routing.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 { } 列表routing.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 { } list.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.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 {} 我已将其报告为Angular-cli问题.你可以找到它here. 是否有人遇到过同样的问题,并为此找到了解决方案?
重要信息: Angular cli: 1.7.0 Angular: 5.2.0 致以我的问候
我使用你发布的github代码克隆并重现了这个问题.为了修复,你的@ angular / cli global和devDependencies包必须是1.7.2
npm remove -g @angular/cli npm install -g @angular/cli@1.7.2 npm remove @angular/cli npm add @angular/cli@1.7.2 --save-dev 现在,devDependencies中的@ angular / cli包与全局版本匹配,并且在解决该问题时将其设置为1.7.2. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |