ionic serve fails for Ionic 2 rc0 application

Question

I just created a new Ionic 2 rc0 app and I was able to run it last night.

However, after putting the computer to sleep while ionic serve was running, trying to start the app today after closing ionic serve yielded this error:

Running 'serve:before' npm script before serve
> ionic-hello-world@ watch J:\ionic projects\newionicapp
> ionic-app-scripts watch
module.js:457
    throw err;
    ^

Error: Cannot find module '../dist/index'
    at Function.Module._resolveFilename (module.js:455:15)
    at Function.Module._load (module.js:403:25)
    at Module.require (module.js:483:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (J:\ionic projects\newionicapp\node_modules\@ionic\app-scripts\bin\ionic-app-scripts.js:19:3)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    at tryModuleLoad (module.js:432:12)
    at Function.Module._load (module.js:424:3)



npm
 ERR! Windows_NT 10.0.10586
npm ERR! argv "J:\\Program Files (x86)\\nodejs\\node.exe" "C:\\Users\\rosst\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "watch"
npm ERR! node v6.7.0
npm ERR! npm  v3.10.8
npm ERR! code ELIFECYCLE
npm ERR! ionic-hello-world@ watch: `ionic-app-scripts watch`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ionic-hello-world@ watch script 'ionic-app-scripts watch'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the ionic-hello-world package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     ionic-app-scripts watch
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs ionic-hello-world
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls ionic-hello-world
npm
ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     J:\rosst\ionic projects\newionicapp\npm-debug.log

Caught exception:
 undefined

Mind letting us know? https://github.com/driftyco/ionic-cli/issues

If I create a new app, it runs fine. So I think something broke inside my project. But I have no idea what.

Answer 1

Delete your node_modules folder then run npm install to reinstall all modules. This will ensure all node modules are clean.

Also delete the contents of your www folder and then run ionic serve to regenerate the files. This will ensure your project build is clean.

If that doesn't work, try updating your ionic-cli to the latest version by running npm install -g [email protected] then try the above again.

The Ionic CLI uses a version of ionic-app-scripts which is not a specific target version. Ionic-app-scripts has been updated and although ionic-cli has not, it now uses a more recent version of ionic-app-scripts, which caused a few problems for me.

Good luck!