Angular 2 QuickStart Live-server error

Question

I am new to angular and I have been trying to learn more about angular2. I have followed the getting started guide to create the angular2-quickstart project. However when I am running the command npm start, the browser start but everything fails after 1 second. Below is the content of my npm error log file:

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'lite' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prelite', 'lite', 'postlite' ]
5 info lifecycle [email protected]~prelite: [email protected]
6 silly lifecycle [email protected]~prelite: no script for prelite, continuing
7 info lifecycle [email protected]~lite: [email protected]
8 verbose lifecycle [email protected]~lite: unsafe-perm in lifecycle true
9 verbose lifecycle [email protected]~lite: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/home/bakary/angular2-quickstart/node_modules/.bin:/usr/local/lib/node_modules/npm/bin/node-gyp-bin:/home/bakary/angular2-quickstart/node_modules/.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games
10 verbose lifecycle [email protected]~lite: CWD: /home/bakary/angular2-quickstart
11 silly lifecycle [email protected]~lite: Args: [ '-c', 'lite-server' ]
12 silly lifecycle [email protected]~lite: Returned: code: 1  signal: null
13 info lifecycle [email protected]~lite: Failed to exec lite script
14 verbose stack Error: [email protected] lite: `lite-server`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:232:16)
14 verbose stack     at emitTwo (events.js:88:13)
14 verbose stack     at EventEmitter.emit (events.js:173:7)
14 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
14 verbose stack     at emitTwo (events.js:88:13)
14 verbose stack     at ChildProcess.emit (events.js:173:7)
14 verbose stack     at maybeClose (internal/child_process.js:819:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:212:5)
15 verbose pkgid [email protected]
16 verbose cwd /home/bakary/angular2-quickstart
17 error Linux 3.16.0-50-generic
18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "lite"
19 error node v5.2.0
20 error npm  v3.3.12
21 error code ELIFECYCLE
22 error [email protected] lite: `lite-server`
22 error Exit status 1
23 error Failed at the [email protected] lite script 'lite-server'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the angular2-quickstart package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     lite-server
23 error You can get their info via:
23 error     npm owner ls angular2-quickstart
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

Can you help me figure out what I am doing wrong ?

Regards

Answer 1

Change the Package.json Scripts Settings

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\",

to

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" ",

angular 2 has moved from system js to webpack, find the sample app where you guys can get started with angular2 + webpack + Typescript https://github.com/IgnatiusAndrew/angular2-webpack-starter

Answer 2

The solution is to add this line in /etc/sysctl.conf

fs.inotify.max_user_watches = 524288 

and type in the console sudo sysctl -p

Answer 3

A lot of people said removing tsc from the package.json start script helped them. In this case the problem is with typescript finding an issue in your code.

Try running tsc from the terminal and see what the output is and fix it. If the issue was with tsc then fixing this should remove the error.