100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 【前端】13.Angular自定义模块以及配置路由实现模块懒加载(懒加载出现的错误Error f

【前端】13.Angular自定义模块以及配置路由实现模块懒加载(懒加载出现的错误Error f

时间:2021-11-20 05:11:13

相关推荐

【前端】13.Angular自定义模块以及配置路由实现模块懒加载(懒加载出现的错误Error f

参考视频:/video/av50917863?p=18

按照视频中的步骤创建模块,配置路由和进行懒加载。

在配置懒加载的过程中,按照视频的代码配置出现了Error find module的错误。

具体错误如下:

配置懒加载代码:

const routes: Routes = [{path:'user',loadChildren:'./module/user/user.module#UserModule' },{path:'product',loadChildren:'./module/product/product.module#ProductModule'},{path:'article',loadChildren:'./module/article/article.module#ArticleModule'},{path:'**',redirectTo:'user'}];

错误:

解决方案:

将上述代码改为一下形式即可使用。

//配置懒加载const routes: Routes = [{path:'user',loadChildren:()=>import('./module/user/user.module').then(mod=>mod.UserModule)},{path:'article',loadChildren:()=>import('./module/article/article.module').then(mod=>mod.ArticleModule)},{path:'product',loadChildren:()=>import('./module/product/product.module').then(mod=>mod.ProductModule)},{path:'**',redirectTo:'user'}];

【前端】13.Angular自定义模块以及配置路由实现模块懒加载(懒加载出现的错误Error find module..和解决方案)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。