Error: app-scripts serve unexpectedly failed.

[Aaron-Sterling]

Short description of the problem:

Been wrestling with Ionic CLI 3 for hours, both in existing and new projects. npm run build works. ionic serve does not.
Error message:
[DEBUG] !!! ERROR ENCOUNTERED !!!
Error: app-scripts serve unexpectedly failed.
[DEBUG] Error: app-scripts serve unexpectedly failed.
at Object. (C:\Users\Aaron\IonicDevelop\ActionSearch\node_modules@ionic\cli-plugin-ionic-angular\dist\serve.js:50:19)
at Generator.next ()
at fulfilled (C:\Users\Aaron\IonicDevelop\ActionSearch\node_modules@ionic\cli-plugin-ionic-angular\dist\serve.js:4:58)

What behavior are you expecting?

For ionic serve to work.

Steps to reproduce:

1. Create new project
2. Install package.json and other libraries as explained below
3. Run ionic serve, or ionic serve --verbose

insert any relevant code between the above and below backticks

In addition to below package.,json, I am also using npm libraries uuid and reselect.
package.json:
{
"name": "ActionSearch",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint",
"ionic:build": "ionic-app-scripts build",
"ionic:serve": "ionic-app-scripts serve"
},
"dependencies": {
"@angular/common": "4.0.2",
"@angular/compiler": "4.0.2",
"@angular/compiler-cli": "4.0.2",
"@angular/core": "4.0.2",
"@angular/forms": "4.0.2",
"@angular/http": "4.0.2",
"@angular/platform-browser": "4.0.2",
"@angular/platform-browser-dynamic": "4.0.2",
"@ionic-native/call-number": "^3.7.0",
"@ionic-native/core": "3.6.1",
"@ionic-native/in-app-browser": "^3.7.0",
"@ionic-native/splash-screen": "3.6.1",
"@ionic-native/status-bar": "3.6.1",
"@ionic/storage": "2.0.1",
"@ngrx/core": "^1.2.0",
"@ngrx/store": "^2.2.2",
"angularfire2": "^4.0.0-rc.0",
"firebase": "^3.9.0",
"ionic-angular": "3.1.1",
"ionicons": "3.0.0",
"rxjs": "5.1.1",
"sw-toolbox": "3.4.0",
"zone.js": "^0.8.10"
},
"devDependencies": {
"@ionic/app-scripts": "1.3.7",
"@ionic/cli-plugin-cordova": "1.0.0",
"@ionic/cli-plugin-ionic-angular": "1.0.0",
"typescript": "~2.2.1"
},
"description": "An Ionic project"
}

Which @ionic/app-scripts version are you using?
1.3.7

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)
tsconfig.json
{
"compilerOptions": {
"allowSyntheticDefaultImports": true,
"declaration": false,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": [
"dom",
"es2015"
],
"module": "es2015",
"moduleResolution": "node",
"sourceMap": true,
"target": "es5"
},
"include": [
"src/**/*.ts"
],
"exclude": [
"node_modules"
],
"compileOnSave": false,
"atom": {
"rewriteTsconfig": false
}
}

[Aaron-Sterling]

Forgot to include ionic info:

global packages:

@ionic/cli-utils : 1.0.0
Cordova CLI      : 7.0.0
Ionic CLI        : 3.0.0

local packages:

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-cordova       : 1.0.0
@ionic/cli-plugin-ionic-angular : 1.0.0
Ionic Framework                 : ionic-angular 3.1.1

System:

Node       : v7.10.0
OS         : Windows 10
Xcode      : not installed
ios-deploy : not installed
ios-sim    : not installed

[janpio]

I tested successfully on Win10, but only with Node v6.x - as you are also using nvm, maybe try again with a 6.x to see if this is related.

[nowzig]

I have the same problem and I tried with node 6 and 7. It doesnt work either way. Also I am not using nvm.

[bmedy]

I had the same problem
You probably don't have one of these files/directory :

./src/assets/**/*, 
./src/index.html, 
./src/manifest.json, 
./src/service-worker.js, 
./node_modules/ionicons/dist/fonts/**/*, 
./node_modules/ionic-angular/fonts/**/*, 
./node_modules/ionic-angular/polyfills/polyfills.js, 
./node_modules/sw-toolbox/sw-toolbox.js

In my case I didn't have the directory ./src/assets

More detail

With debug I found this catched log

Error: A watch configured to watch the following paths failed to start. It likely that a file referenced does not exist: ./src/assets/**/*, ./src/index.html, ./src/manifest.json, ./src/service-worker.js, ./node_modules/ionicons/dist/fonts/**/*, ./node_modules/ionic-angular/fonts/**/*, ./node_modules/ionic-angular/polyfills/polyfills.js, ./node_modules/sw-toolbox/sw-toolbox.js
    at new BuildError (./node_modules/@ionic/app-scripts/dist/util/errors.js:16:28)
    at Timeout._onTimeout (./node_modules/@ionic/app-scripts/dist/watch.js:71:20)
    at ontimeout (timers.js:386:14)
    at tryOnTimeout (timers.js:250:5)
    at Timer.listOnTimeout (timers.js:214:5)

or you can also change the watch configuration

[Aaron-Sterling]

Thanks for your in-depth comment @bmedy. The cli team tagged this as a bug and put its resolution into the milestones for cli version 3.1.0, see here.

[musasheikh]

@Aaron-Sterling would you please provide me with the solution