Angular 2 QuickStart Errore del server dal vivo

Question

Sono nuovo di angolare e ho cercato di saperne di più su angular2. Ho seguito la guida introduttiva per creare il progetto angular2-quickstart. Tuttavia, quando eseguo il comando npm start, il browser si avvia ma tutto fallisce dopo 1 secondo. Di seguito è il contenuto del mio NPM file di log di errore:

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 npm@3.3.12 
3 info using node@v5.2.0 
4 verbose run-script [ 'prelite', 'lite', 'postlite' ] 
5 info lifecycle angular2-quickstart@1.0.0~prelite: angular2-quickstart@1.0.0 
6 silly lifecycle angular2-quickstart@1.0.0~prelite: no script for prelite, continuing 
7 info lifecycle angular2-quickstart@1.0.0~lite: angular2-quickstart@1.0.0 
8 verbose lifecycle angular2-quickstart@1.0.0~lite: unsafe-perm in lifecycle true 
9 verbose lifecycle angular2-quickstart@1.0.0~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 angular2-quickstart@1.0.0~lite: CWD: /home/bakary/angular2-quickstart 
11 silly lifecycle angular2-quickstart@1.0.0~lite: Args: [ '-c', 'lite-server' ] 
12 silly lifecycle angular2-quickstart@1.0.0~lite: Returned: code: 1 signal: null 
13 info lifecycle angular2-quickstart@1.0.0~lite: Failed to exec lite script 
14 verbose stack Error: angular2-quickstart@1.0.0 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 angular2-quickstart@1.0.0 
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 angular2-quickstart@1.0.0 lite: `lite-server` 
22 error Exit status 1 
23 error Failed at the angular2-quickstart@1.0.0 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 ] 

Potete aiutarmi a capire che cosa sto facendo male?

Saluti

Answer 1

Ho anche questo problema. Sembra che sia un problema con le dipendenze di lite-server.

ho cambiato linea in packages.json:

"start": "concurrent \"npm run tsc:w\" \"node .\" " 

Questa soluzione mi aiuta a indagare Angular2 ulteriormente, ma sarà un bene per risolvere il problema con lite-server tardi.

Answer 2

La soluzione è aggiungere questa linea in /etc/sysctl.conf

fs.inotify.max_user_watches = 524288 

e digitare nella console sudo sysctl -p

Answer 3

Modifica degli script Package.json Impostazioni delle

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

a

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

angolare 2 si è spostato da js sistema per webpack, trovare l'applicazione di esempio in cui voi ragazzi può iniziare con angular2 + webpack + tipografico https://github.com/IgnatiusAndrew/angular2-webpack-starter

Answer 4

Un sacco di gente ha detto rimozione tsc dallo script di avvio package.json li ha aiutati. In questo caso il problema è con dattiloscritto che trova un problema nel codice.

Provare a eseguire tsc dal terminale e vedere quale è l'uscita e risolverlo. Se il problema era con tsc, correggere questo dovrebbe rimuovere l'errore.

Answer 5

Nel mio caso ho solo dimenticato di lanciare

npm install 

Answer 6

ho risolto modificando:

"concomitanza": "^ 3.0.0",

a

" contemporaneamente ":"^2.0.0 ",

in package.json

Answer 7

Nel mio caso uno dei miei percorsi di istruzioni TypeScript import dove non corretto.

Answer 8

Nel pacchetto.sceneggiatura JSON invece di rimuovere tsc da start sezione ho definito come qui sotto:

"tsc": "tsc", 
"tsc:w": "tsc -w", 

Così il "scripts" appare come segue:

"scripts": { 
    ... 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\", 
    ... 
} 

Answer 9

risolto non essere in grado di iniziare l'errore di avvio NPM:

tsc && concurrently "tsc -w" "lite-server" 

(dopo tutti i tentativi di cui sopra non riusciti) con: in package.json do: "tsc": "tsc", "tsc: w": "tsc -w", "start": "concurrently \" tsc -w \ "\" lite-server \ "",