español - Angular 2 QuickStart Live-server error
router events subscribe angular 4 (9)
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
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
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/",
...
}
En mi caso me olvidé de correr
npm install
En mi caso, una de mis rutas de instrucciones de import TypeScript fue incorrecta.
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
Lo resolví cambiando:
"concurrentemente": "^ 3.0.0",
a
"concurrentemente": "^ 2.0.0",
en package.json
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.
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 /" ",
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.