Jhipster Angular 2 延迟加载模块未找到异常 [英] Jhipster Angular 2 Lazy Loading Module Not found Exception

问题描述

我创建了 Jhipster 应用程序并尝试添加延迟加载模块，这导致模块未找到异常.

I created the Jhipster application and try to add the lazy loading module, which give the module not found exception.

    import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {NavbarComponent} from "./layouts/navbar/navbar.component";

export const routes: Routes = [
    { path: '', component: NavbarComponent, outlet: 'navbar'},
    { path: 'lazy', loadChildren: 'app/modules/lazy/lazy.module#LazyModule' }
];

@NgModule({
    imports: [ RouterModule.forRoot(routes) ],
    exports: [ RouterModule ]
})
export class AppRoutingModule {
}

推荐答案

首先你必须安装webpack插件angular-router-loader

First you must install webpack plugin angular-router-loader

npm install angular-router-loader --save-dev

然后在你的项目目录中打开 webpack/webpack.common.js 并在 awesome-typescript-loader 之后添加 angular-router-loader，如下所示

then in your project directory open webpack/webpack.common.js and add angular-router-loader after awesome-typescript-loader like below

loaders: [
'angular2-template-loader',
'awesome-typescript-loader',
'angular-router-loader' // here
]

路径应该没有应用程序前缀

path should be without app prefix

{ path: 'lazy', loadChildren: './modules/lazy/lazy.module#LazyModule' }

这篇关于Jhipster Angular 2 延迟加载模块未找到异常的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！