モジュールが見つからない（角2）

Question

遅延ロードでいくつかのルートを作成したいと思います。しかし、私はモジュールアプリ/検索/ search.moduleが

フォルダ「検索」「アプリ」フォルダ内にある見つけることができません

エラー

を取り除くことができない、パスが正しいです。これはwebpackなしで動作し、webpackの設定後にこの問題が発生します。
遅延ロードなしで動作します。
問題はどこですか？

app.module.ts

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from './app.component'; 
import { RouterModule, Routes } from '@angular/router'; 

const appRoutes: Routes = [ 
    { path: 'search', loadChildren: 'app/search/search.module#SearchModule' }, 
    { path: '**', redirectTo: '/search' } 
]; 

@NgModule({ 
    imports: [ 
    BrowserModule, 
    RouterModule.forRoot(appRoutes) 
    ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

search.module.ts

import { NgModule }  from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import { SearchComponent } from "./search.component"; 
import { LocationsComponent } from "./locations/locations.component"; 
import { CommonModule } from "@angular/common"; 
import { GoogleMapsService } from "../shared/services/google-maps.service"; 

const routes: Routes = [ 
    { path: '', component: SearchComponent }, 
    { path: '**', redirectTo: '' } 
]; 

@NgModule({ 
    imports: [ 
    CommonModule, 
    RouterModule.forChild(routes) 
    ], 
    exports: [ 
    RouterModule 
    ], 
    declarations: [ SearchComponent, LocationsComponent ], 
    providers: [ GoogleMapsService ] 
}) 
export class SearchModule { } 

Answer 1

私はあなたがapp.module.tsにあなたsearch.module.tsを含めるとdeclarationsでSearchModuleを置くべきだと思います。

または、この{ path: 'search', loadChildren: 'app/search/search.module#SearchModule' },に./を追加してみてください。結果として持っているために、この：

{ path: 'search', loadChildren: './app/search/search.module#SearchModule' }, 

Answer 2

この

const routes: Routes = [ 
     {path: '', component: SearchComponent, children: [ 
      {path: '**', redirectTo: ''} 
     ]} 
    ] 

をお試しください