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 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 ]
¿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.