【问题标题】：Jhipster Angular 2 Lazy Loading Module Not found ExceptionJhipster Angular 2延迟加载模块未找到异常
【发布时间】：2017-04-02 16:32:49
【问题描述】：

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

我关注了“https://jaseb.github.io/angular2-example/”文章，但仍然是同样的例外。我自己试试。请帮助我们继续进行。请找到以下代码sn-ps。

app.route.ts

    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 {
}

【问题讨论】：

请澄清您的具体问题或添加其他详细信息以准确突出您的需要。正如目前所写的那样，很难准确地说出你在问什么。请参阅“如何提问”页面以获得澄清此问题的帮助。
嗨 Roman，当我尝试调用惰性 url 模式时，它必须按照我的代码惰性地调用。但是我得到“app/modules/lazy/lazy.module”没有发现异常。当我尝试将应用程序作为 angular-cli 项目独立运行时，它可以工作，但作为 jhipster 项目，它会给出未找到模块的错误。请帮助确定案例。
我对这个 repo 也有同样的问题：github.com/dancancro/jhipster-sample-app-ng2/blob/newmodules/…你解决了吗？
我在使用延迟加载的路由加载模块时遇到了同样的问题。

标签： angular angular-cli jhipster

【解决方案1】：

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

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

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

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

路径应该没有应用前缀

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

【讨论】：

那不行，jHipster 是否支持延迟加载？

【解决方案2】：

我在直角应用程序中工作时遇到了类似的延迟加载问题。我将一个工作应用程序与我的应用程序进行了比较，发现我的 tsconfig.spec.json 和 tsconfig.app.json 中都没有“baseUrl”：“./”。一旦我添加它，它就开始工作了。

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "baseUrl": "./",  **<-- this was missing**
    "module": "es2015",
    "types": []
  },
  "exclude": [
    "src/test.ts",
    "**/*.spec.ts"
  ]
}

希望对你有帮助

【讨论】：