Ionic2 looking for js file where ts file exists

I am using Ionic 2, and I get the following error:

Error: Module build failed: Error: ENOENT: no such file or directory, open

at Error (native)

As you can see, it is looking for a js file. But that obviously does not exist under the src folder. It has the equivalent ts file.

i.e. This file does exist:


from build\main.js:

/***/ function(module, exports) {

throw new Error("Module build failed: Error: ENOENT: no such file or directory, open 'E:\\Development\\IDE\\ionic-apps\\theWhoZoo-chat\\src\\pages\\model\\mapRangeModel.js'\n    at Error (native)");

/***/ },

More info:

I am also getting the following error in my CLI when I run ionic serve:

[12:26:34]  watch failed: A watch configured to watch the following paths failed to start. It likely that a file
            referenced does not exist: E:\Development\IDE\ionic-apps\theWhoZoo-chat\src\assets\**\*,

Ionic Info:

Your system information:

 ordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.4
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.0.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.2
Xcode version: Not installed


  "name": "ionic-hello-world",
  "author": "Ionic Framework",
  "homepage": "",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  "dependencies": {
    "@angular/common": "2.2.1",
    "@angular/compiler": "2.2.1",
    "@angular/compiler-cli": "2.2.1",
    "@angular/core": "2.2.1",
    "@angular/forms": "2.2.1",
    "@angular/http": "2.2.1",
    "@angular/platform-browser": "2.2.1",
    "@angular/platform-browser-dynamic": "2.2.1",
    "@angular/platform-server": "2.2.1",
    "@ionic/storage": "1.1.7",
    "@types/googlemaps": "^3.25.42",
    "angular2-moment": "^1.1.0",
    "angularfire2": "^2.0.0-beta.7.1-pre",
    "firebase": "^3.6.4",
    "ionic-angular": "2.0.0-rc.4",
    "ionic-native": "2.2.11",
    "ionicons": "3.0.0",
    "rxjs": "5.0.0-beta.12",
    "zone.js": "0.6.26"
  "devDependencies": {
    "@ionic/app-scripts": "^1.0.0",
    "typescript": "^2.0.9"
  "cordovaPlugins": [
  "cordovaPlatforms": [],
  "description": "theWhoZoo-chat: An Ionic project"

Any help appreciated.

The following fixed the error in the CLI. But I still have the issue where it is looking for a js file where there is a ts file. npm install --save-dev sw-toolbox

The above error was caused due to a case sensitivity issue on the imports.

In my example, I was doing the following:

import { MapRangeModel } from '../model/maprangeModel';

when it should have rather been:

import { MapRangeModel } from '../model/mapRangeModel';