角4 - ルーティングのサブモジュールを解決できませんでした

Question

私は角4のWebアプリケーションを構築しています。トップレベルのルーティングモジュールと、各サブモジュール（ホームモジュールなど）ごとに別々のルーティングモジュールがあります。

これは私のトップレベルのルーティング設定である：

export const ROUTES: Routes = [ 
    {path: '', loadChildren: './home#HomeModule'}, 
    {path: '**', component: NotFoundComponent}, 
]; 

私はng serverを実行すると、私は奇妙なエラーを取得し、そのモジュールhomeが見つかりませんでした。アプリはブラウザでは動作しません。

奇妙な部分は次のとおりです。ファイルが変更され、webpackがプロジェクトを再コンパイルすると、すべてうまく動作し、ルーティングが機能します。
エラーはng serveを実行しているときにのみ表示されます。事前に

ERROR in Error: Could not resolve module ./home relative to /path/to/my/project/src/app/app.module.ts 
    at StaticSymbolResolver.getSymbolByModule (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:31884:30) 
    at StaticReflector.resolveExternalReference (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:30350:62) 
    at parseLazyRoute (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:28616:55) 
    at listLazyRoutes (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:28578:36) 
    at visitLazyRoute (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:29995:47) 
    at AotCompiler.listLazyRoutes (/path/to/my/project/node_modules/@angular/compiler/bundles/compiler.umd.js:29963:20) 
    at AngularCompilerProgram.listLazyRoutes (/path/to/my/project/node_modules/@angular/compiler-cli/src/transformers/program.js:157:30) 
    at Function.NgTools_InternalApi_NG_2.listLazyRoutes (/path/to/my/project/node_modules/@angular/compiler-cli/src/ngtools_api.js:44:36) 
    at AngularCompilerPlugin._getLazyRoutesFromNgtools (/path/to/my/project/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:247:66) 
    at Promise.resolve.then.then (/path/to/my/project/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:538:50) 
    at <anonymous> 
    at process._tickCallback (internal/process/next_tick.js:188:7) 

ありがとう：

この

は、私はプロジェクトがあるため、ファイルの変更を再コンパイルされていない ng serveを、実行しているとき、私が取得エラーです。

Answer 1

が、私は本当にない解決策を見つけました私のコードの品質に影響を与える：

私は

に

{path: '', loadChildren: './home#HomeModule'}, 

を変更

Answer 2

そうのようなモジュールのファイル名を使用して、モジュールの絶対パスを使用してみてください：私は本当にエラーの解決方法を見つけることができませんでした

export const ROUTES: Routes = [ 
    {path: '', loadChildren: 'app/pathToYourModule/home.module.ts#HomeModule'}, 
    {path: '**', component: NotFoundComponent}, 
]; 

Answer 3

私はフルパスapp/home#HomeModuleを使用していましたが、はではありませんでした。

私は./home#HomeModuleを試してみました。 Source

私はこれに続き、Tutorialを使用し、それはappの慣習を使用していました。

はなぜ矛盾...