大佬教程收集整理的这篇文章主要介绍了延迟加载Angular 5错误:$$_ lazy_route_resource懒惰递归,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
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
致以我的问候
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.
以上是大佬教程为你收集整理的延迟加载Angular 5错误:$$_ lazy_route_resource懒惰递归全部内容,希望文章能够帮你解决延迟加载Angular 5错误:$$_ lazy_route_resource懒惰递归所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。