微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

错误错误:未捕获承诺:错误:找不到模块“ ./user/user.module”

如何解决错误错误:未捕获承诺:错误:找不到模块“ ./user/user.module”

我正在尝试延迟加载模块并出现错误

ERROR Error: Uncaught (in promise): Error: Cannot find module './user/user.module'

UserModule

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { userRoutes } from './user.routes';
import { ProfileComponent } from './profile.component';

@NgModule({
  imports: [CommonModule,RouterModule.forChild(userRoutes)],declarations: [ProfileComponent],providers: []
})
export class UserModule {}

在userRoutes
{ path: 'user',loadChildren: './user/user.module#UserModule' }

中为我的路径添加了路径

完整错误堆栈

core.js:6241 ERROR Error: Uncaught (in promise): Error: Cannot find module './user/user.module'
Error: Cannot find module './user/user.module'
    at $_lazy_route_resource lazy namespace object:5
    at ZoneDelegate.invoke (zone-evergreen.js:364)
    at Object.onInvoke (core.js:41667)
    at ZoneDelegate.invoke (zone-evergreen.js:363)
    at Zone.run (zone-evergreen.js:123)
    at zone-evergreen.js:857
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Object.onInvokeTask (core.js:41645)
    at ZoneDelegate.invokeTask (zone-evergreen.js:398)
    at Zone.runTask (zone-evergreen.js:167)
    at resolvePromise (zone-evergreen.js:798)
    at resolvePromise (zone-evergreen.js:750)
    at zone-evergreen.js:860
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Object.onInvokeTask (core.js:41645)
    at ZoneDelegate.invokeTask (zone-evergreen.js:398)
    at Zone.runTask (zone-evergreen.js:167)
    at drainMicroTaskQueue (zone-evergreen.js:569)
    at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:484)
    at invokeTask (zone-evergreen.js:1621)

解决方法

加载模块的新方法是使用箭头功能

将以下路径添加到应用程序路由ts

{ path: 'user',loadChildren: ()=> import('./user/user.module').then(m => m.UserModule)}:

然后在您的延迟加载模块中,用户路由一个这样的添加

const routes: Routes = [
  {
    path: '',component: UsersComponent
  }
];

如果您以最新版本创建了角度应用,请使用上述方法进行操作。

,

您是否仅在UserModule中使用UserModule? 您提到要在userRoutes中定义lazyloading部分。那是不对的。 请在app-routing.module.ts中定义 并且该路径应相对于app-routing.module.ts

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。