title: EXCEPTION: Uncaught (in promise): Error: Cannot find module 'app/home/home.module'
body: <p>I'm trying to lazy load Angular 2 modules with the router, and I'm having this error:</p>
  
  <blockquote>
    <p>error_handler.js:50 EXCEPTION: Uncaught (in promise): Error: Cannot find module 'app/home/home.module'</p>
  </blockquote>
  
  <p>I tried all the answers that seems to be working for the others, like this one which seems to be a solution for everybody facing this issue, but doesn't work with me <a href="https://stackoverflow.com/questions/39493782/lazy-loading-in-angular2-rc7-and-angular-cli-webpack">Lazy loading in Angular2 RC7 and angular-cli webpack</a></p>
  
  <p>here is my code:<strong>app.module</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>import { MediatorService } from './home/mediator.service';
  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  
  import { AppComponent } from './app.component';
  
  
  import appRoutes from "./app.routes";
  
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      appRoutes
    ],
    providers: [MediatorService],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p><strong>app.routes</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>import { RouterModule } from '@angular/router';
  
  const routes = [
   {path : '', loadChildren: './home/home.module#HomeModule'},
   {path: 'devis', loadChildren: './forms/forms.module#FormsModule'}
  ];
  
  export default RouterModule.forRoot(routes);
  </code></pre>
  
  <p><strong>home.module</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>import {NgModule} from "@angular/core";
  import {CommonModule} from "@angular/common";
  import homeRoutes from "./home.routes";
  
  @NgModule({
    imports:[CommonModule, homeRoutes],
    declarations: [HomeComponent]
  })
  export default class HomeModule{}
  </code></pre>
  
  <p><strong>home.routes</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>import {RouterModule} from "@angular/router";
  import {HomeComponent} from "./home.component";
  const routes = [
    {path: '', component: HomeComponent}
  ];
  
  export default RouterModule.forChild(routes);
  </code></pre>
  
  <p><strong>Package.json</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>{
    "name": "insurance",
    "version": "0.0.0",
    "license": "MIT",
    "angular-cli": {},
    "scripts": {
      "ng": "ng",
      "start": "ng serve",
      "lint": "tslint \"src/**/*.ts\"",
      "test": "ng test",
      "pree2e": "webdriver-manager update --standalone false --gecko false",
      "e2e": "protractor"
    },
    "private": true,
    "dependencies": {
      "@angular/common": "^2.3.1",
      "@angular/compiler": "^2.3.1",
      "@angular/core": "^2.3.1",
      "@angular/forms": "^2.3.1",
      "@angular/http": "^2.3.1",
      "@angular/platform-browser": "^2.3.1",
      "@angular/platform-browser-dynamic": "^2.3.1",
      "@angular/router": "^3.3.1",
      "bootstrap": "^4.0.0-alpha.5",
      "core-js": "^2.4.1",
      "font-awesome": "^4.7.0",
      "rxjs": "^5.0.1",
      "ts-helpers": "^1.1.1",
      "zone.js": "^0.7.2"
     },
    "devDependencies": {
      "@angular/compiler-cli": "^2.3.1",
      "@types/jasmine": "2.5.38",
      "@types/jquery": "^2.0.34",
      "@types/node": "^6.0.42",
      "angular-cli": "1.0.0-beta.24",
      "codelyzer": "~2.0.0-beta.1",
      "jasmine-core": "2.5.2",
      "jasmine-spec-reporter": "2.5.0",
      "karma": "1.2.0",
      "karma-chrome-launcher": "^2.0.0",
      "karma-cli": "^1.0.1",
      "karma-jasmine": "^1.0.2",
      "karma-remap-istanbul": "^0.2.1",
      "protractor": "~4.0.13",
      "ts-node": "1.2.1",
      "tslint": "^4.0.2",
      "typescript": "~2.0.3"
    }
  }
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I managed to make it work on plunker</p>
  
  <p><a href="https://plnkr.co/edit/uLxmxDIeCdDzxbFjYQS7?p=preview" rel="noreferrer">https://plnkr.co/edit/uLxmxDIeCdDzxbFjYQS7?p=preview</a></p>
  
  <p>but still nothing on my machine !!!! </p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I installed a new virtual machine ubuntu 16.04
  and I have the same problem! Could it be because of the versions of the modules, I mean those on package.json? How can I find out the versions used in plunker because it worked on there.</p>