español - Angular 2 QuickStart Live-server error

router events subscribe angular 4

Question

Soy nuevo en angular y he estado tratando de aprender más sobre angular2. He seguido la guía de inicio para crear el proyecto angular2-quickstart. Sin embargo, cuando ejecuto el comando npm start, el navegador se inicia pero todo falla después de 1 segundo. A continuación se muestra el contenido de mi archivo de registro de errores npm:

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 ]

¿Puedes ayudarme a averiguar qué estoy haciendo mal?

Saludos

Answer 1

Cambiar la configuración de scripts de Package.json

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

a

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

angular 2 se ha movido del sistema js a webpack, encuentre la aplicación de muestra donde pueden comenzar con angular2 + webpack + Typescript https://github.com/IgnatiusAndrew/angular2-webpack-starter

Answer 2

En el script Package.json, en lugar de eliminar tsc de la sección de start , lo definí de la siguiente manera:

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

Así que los "scripts" ahora se ven así:

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

Answer 3

En mi caso me olvidé de correr

npm install

Answer 4

En mi caso, una de mis rutas de instrucciones de import TypeScript fue incorrecta.

Answer 5

La solución es agregar esta línea en /etc/sysctl.conf

fs.inotify.max_user_watches = 524288 

y escriba en la consola sudo sysctl -p

Answer 6

Lo resolví cambiando:

"concurrentemente": "^ 3.0.0",

a

"concurrentemente": "^ 2.0.0",

en package.json

Answer 7

Mucha gente dijo que eliminar tsc del script de inicio package.json les ayudó. En este caso, el problema es que el script de escritura encuentre un problema en su código.

Intente ejecutar tsc desde el terminal y ver cuál es la salida y corregirlo. Si el problema fue con tsc , corregirlo debería eliminar el error.

Answer 8

Resuelto no poder iniciar el error de inicio de npm:

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

(después de que todos los intentos anteriores hayan fallado) con: en package.json do: "tsc": "tsc", "tsc: w": "tsc -w", "start": "concurrentemente /" tsc -w / "/ "lite-server /" ",

Answer 9

Tengo este problema también. Parece lo que es problema con dependencias de lite-server .

Cambié la línea en packages.json :

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

Esta solución me ayuda a investigar más sobre Angular2, pero será bueno resolver el problema con lite-server más adelante.