使用Angular和Microsoft ASP.NET核心JavaScript服务SPA模板的延迟加载模块

时间:2017-09-06 19:20:12

标签: asp.net-mvc angular

我遇到了延迟加载Angular模块的问题。

我在这里创建了一个Github回购:https://github.com/mpalmer-sps/PluralSightNg2Fundamentals

我正在使用Visual Studio 2017与Microsoft ASP.NET核心JavaScript服务SPATemplate for Angular(https://github.com/aspnet/JavaScriptServices

我正在尝试使用延迟加载实现添加用户模块,但尽管语法正确,但Angular文档化方法中概述的方法仍不起作用。

错误如下:

ERROR Error: Uncaught (in promise): Error: Cannot find module 'app/user/user.module'. webpackEmptyContext@http://localhost:3258

app.module.shared.ts文件中引用了user.module:

{ path: 'user', loadChildren:'app/user/user.module#UsersModule'}

但是,即使尝试不同的路径字符串,这也不起作用。

解决方法是放弃延迟加载并将navbar.component.html文件中导航链接开头的部分修改为以下内容:

[routerLink]="['/profile']" routerLinkActive="active">Welcome User

然后将UserModule引用添加到app.module.shared.ts文件

这样可行但延迟加载似乎没有发生。

而lazyload方法如下:

[routerLink]="['/user/profile']" routerLinkActive="active">Welcome User

然后使用loadChildren语法添加路径并删除UserModule,如app.module.shared.ts文件中所示

有没有人碰到这个?

0 个答案:

没有答案