Angular2 QuickStart npm start no funciona correctamente

105

Sé que Angular2 beta acaba de ser lanzado, pero no puedo reproducir los pasos del tutorial oficial de su sitio ( https://angular.io/guide/quickstart ). ¿Quizás alguien ha tenido problemas similares y sabe qué hacer para solucionarlo? Cuando intento iniciar la aplicación con el npm startcomando, obtengo un resultado como este:

0 info it worked if it ends with ok
1 verbose cli [ 'node', '/usr/local/bin/npm', 'start' ]
2 info using npm@2.7.4
3 info using node@v0.12.2
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info prestart angular2-quickstart@1.0.0
6 info start angular2-quickstart@1.0.0
7 verbose unsafe-perm in lifecycle true
8 info angular2-quickstart@1.0.0 Failed to exec start script
9 verbose stack Error: angular2-quickstart@1.0.0 start: `concurrent "npm run tsc:w" "npm run lite" `
9 verbose stack Exit status 127
9 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:213:16)
9 verbose stack     at EventEmitter.emit (events.js:110:17)
9 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:14:12)
9 verbose stack     at ChildProcess.emit (events.js:110:17)
9 verbose stack     at maybeClose (child_process.js:1015:16)
9 verbose stack     at Process.ChildProcess._handle.onexit (child_process.js:1087:5)
10 verbose pkgid angular2-quickstart@1.0.0
11 verbose cwd /Users/tmrovsky/Documents/angular2/angular2-quickstart
12 error Darwin 13.4.0
13 error argv "node" "/usr/local/bin/npm" "start"
14 error node v0.12.2
15 error npm  v2.7.4
16 error code ELIFECYCLE
17 error angular2-quickstart@1.0.0 start: `concurrent "npm run tsc:w" "npm run lite" `
17 error Exit status 127
18 error Failed at the angular2-quickstart@1.0.0 start script 'concurrent "npm run tsc:w" "npm run lite" '.
18 error This is most likely a problem with the angular2-quickstart package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error     concurrent "npm run tsc:w" "npm run lite"
18 error You can get their info via:
18 error     npm owner ls angular2-quickstart
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]

Tenía: Typecript 1.7.5 versión nodo 0.12.2 versión

¿Quizás alguien pueda ayudar a resolver el problema :)?

package.json:

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.6",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
}

index.html:

<html>

<head>
    <title>Angular 2 QuickStart</title>

    <!-- 1. Load libraries -->
    <script src="node_modules/es6-shim/es6-shim.js"></script>
    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>

    <!-- 2. Configure SystemJS -->
    <script>
        System.config({
            packages: {
                app: {
                    format: 'register',
                    defaultExtension: 'js'
                }
            }
        });
        System.import('app/boot')
                .then(null, console.error.bind(console));
    </script>

</head>

<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>

</html>

app.components.ts:

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>',
})

export class AppComponent {}

boot.js:

import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.component'

bootstrap(AppComponent);

node.js angular npm Tomasz Ciunel
fuente

¿Podrías editar tu publicación con tus archivos, por favor?

Romain

¿Cuál es su estructura de carpetas? ¿Está el index.html dentro app/o fuera de él?

the_critic

En primer lugar, el archivo boot.js debe ser un archivo de transcripción cambie su nombre como boot.ts . No veo nada más que parezca incorrecto ... Como dijo the_critic , ¿podría darnos la estructura de su proyecto?

Romain

Es boot.ts. Escribí 'js' aquí en stackoverflow por error, lo siento. El índice html está en la raíz, como package.json, por ejemplo. No está en la aplicación / directorio.

Tomasz Ciunel

2

Asegúrese de que la versión de su nodo sea >=4.2.1 <5y su versión de npm sea la >=2.14.7 <3.0que se especifica en la guía DEVELOPER . Creo que puede hacerlo funcionar con el nodo 5, pero no sé cómo.

Eric Martinez

224

Cambie el startcampo en package.json de

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

a

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

user60108
fuente

2

¿Por qué ejecutó tsc dos veces ( tscy tsc -w)?

smartmouse

9

¡Funcionó! ¿Pero por qué? Comenzó a desanimarse en ng2.

Maxim

9

En el curso "juego a juego de inicio rápido angular 2" en Pluralsight, Ward Bell explica esto. "tsc" compila el código primero porque sin eso, en un proyecto más grande, es posible que el servidor se inicie antes de que finalice la compilación. En ese caso, el servidor arrojaría un error indicando que no sabe qué hacer.

Starceaker

1

En 2017, su solución en su respuesta expuso el verdadero problema, que era que había errores de compilación en el texto mecanografiado en el código de la aplicación. Cuando arreglé los errores de compilación, la versión original funcionó bien sin su solución alternativa.

CodeMed

1

Excelente ... "start": "concurrentemente \" npm run tsc: w \ "\" npm run lite \ "" funcionó para mí ...

DILIP KOSURI

86

Para empezar a npm startfuncionar, tenía que asegurarme de haber instalado globalmente algunas de las devDependencies. Has probado:

npm install -g concurrently
npm install -g lite-server
npm install -g typescript

Derek Lawless
fuente

pero creo que lite-serveres opcional, también puede usar otros servicios

Pardeep Jain

11

Trabajó para mi. sudo npm update -g && sudo npm install -g concurrently lite-server typescript.

Sam Finnigan

6

no olvide desinstalar la versión local:npm uninstall lite-server

Aurelien

1

Tuve el mismo problema al iniciar el servidor web usando angular2-seed del curso Udemy. Esto solucionó mi problema.

dance2die

¡Si! ¡instalar el servidor lite globalmente y desinstalar el paquete local finalmente funcionó para mí en Vagrant! ¡Muchas gracias!

Yahya Uddin

48

Primero necesita actualizar npm, lite-server y mecanografiado:

sudo npm update -g && sudo npm install -g concurrently lite-server typescript

Elimine la carpeta node_modules de su directorio de proyecto Angular (si existe). Siguiente ejecución:

npm install

Después de eso, resuelva los errores de ENOSPC:

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Finalmente:

npm start

Este es mi archivo package.json:

{
  "name": "reservationsystem",
  "version": "0.0.1",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "dependencies": {
    "a2-in-memory-web-api": "~0.1.0",
    "angular2": "2.0.0-beta.3",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.17",
    "zone.js": "0.5.11"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^2.0.1",
    "typescript": "^1.7.5"
  }
}

Expandir fragmento

Tomek Miszczyk
fuente

3

Voté porque esto solucionó mi problema. Sin embargo, me encantaría entender cómo se solucionó la adición de fs.inotify.max_user_watches a / etc / sysctl.

Joshua Wilson

Parece que el observador necesita más memoria y esto lo proporciona.

Joshua Wilson

Descubrí que parecía funcionar mejor cuando eliminé los módulos primero - rm -r node_modules/. De todos modos, como dice el hombre, me puso en marcha; Aunque me sorprende que me fs.inotify.max_user_watches=524288parezca excesivo. ¿ Ha mejorado la cordura en el viento?

será el

Vale la pena agregar que el inicio rápido de Javascript se activa de inmediato. SIN grandes extras. Y cuando el servidor detiene la página web stays on screen. La versión mecanografiada simplemente se desvanece con un 404 bocanada de humo

lo hará

esto me ha salvado, gracias. echo fs.inotify.max_user_watches = 524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

chintan adatiya

15

Tuve el mismo error en Windows 10. Parece que es un problema con el paquete npm al mismo tiempo. Encontré 2 opciones para resolver este error:

1. Ejecute ambos comandos en 2 cmds separados:
- en la primera ejecución: npm run tsc:w
- en el segundo: npm run lite
2. Cambiar package.json
- simplemente cambie la opción de inicio a esto: "start": "tsc && npm run tsc:w | npm run lite",

dontHaveName
fuente

2

Solo para anotar. En Linux:"start": "tsc && npm run tsc:w & npm run lite",

ACV

Bueno, es una recompilación automática para mí.

dontHaveName

Me refería a mi primer comentario :) en Linux no funcionará

ACV

Solo esta solución funcionó para mí. Intenté primero (ejecute ambos comandos en 2 cmds separados). Luego detuvo el proceso en ambos cmds. Finalmente aplique el segundo (cambie package.json) y ejecute "npm start" en un solo cmd. Si cambio un archivo, localhost: 3000 se actualiza automáticamente y muestra mis cambios. ¡Muchas gracias!

Andrew F.

13

Así es como resolví el problema hoy después de horas de probar todas estas soluciones diferentes (para cualquiera que busque otra forma).

Abra 2 instancias de cmd en su directorio de inicio rápido:

ventana # 1:

npm run build:watch

luego...

ventana # 2:

npm run serve

Luego se abrirá en el navegador y funcionará como se esperaba.

DeclanPossnett
fuente

9

Tuve un problema similar después de copiar la carpeta angular2-quickstart (incluyendo node_modules) para crear la carpeta angular2-tour-of-heroes. Esto fue extraño porque el original se estaba compilando bien pero la copia no era ...

npm run tsc

Pude resolver el problema eliminando la carpeta node_modules y volviendo a ejecutar npm install .

Esto fue una sorpresa para mí, así que hice una diferencia entre las 2 carpetas ...

diff -rw angular2-quickstart/node_modules/ angular2-tour-of-heroes/node_modules/

había MUCHAS diferencias, muchas diferencias de 'dónde' en los archivos package.json como este: -

diff -rw angular2-quickstart/node_modules/yargs/package.json angular2-tour-of-heroes/node_modules/yargs/package.json
5c5
<       "/Users/michael/Tutorials/angular2/angular2-quickstart/node_modules/lite-server"
---
>       "/Users/michael/Tutorials/angular2/angular2-tour-of-heroes/node_modules/lite-server"

... que tiene sentido, pero también hubo algunos como este: -

diff -rw angular2-quickstart/node_modules/utf-8-validate/build/gyp-mac-tool angular2-tour-of-heroes/node_modules/utf-8-validate/build/gyp-mac-tool
607c607,608
<       return {k: self._ExpandVariables(data[k], substitutions) for k in data}
---
>       return dict((k, self._ExpandVariables(data[k],
>                                             substitutions)) for k in data)

... que no entiendo en absoluto.

Oh bueno, espero que esto ayude.

Michael Dausmann
fuente

5

Cambie el campo de inicio en package.json de:

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

A:

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

Realmente ayudó.

Joseph
fuente

5

Esta respuesta está en relación con el excelente curso de Pluralsight "Angular 2 Fundamentals" de Jim Cooper.

Si, como yo, tiene problemas para comenzar a ejecutar el comando npm start en una máquina con Windows 10, le sugiero lo siguiente:

Inicie git bash como administrador (siga los pasos en el video) Navegue al directorio del proyecto ( ng2-fundamentals ) y luego escriba los siguientes comandos:

npm config get registry

npm cache clean

npm install

Una vez que se complete la instalación, deberá modificar el archivo get-shell.js ubicado en el módulo spawn-default-shell dentro de la carpeta node_modules de la siguiente manera:

Cambie lo siguiente:

const DETECT_SH_REGEX = /sh$/;

a esto:

const DETECT_SH_REGEX = /sh/;

Tenga en cuenta el $ eliminado del final de la cadena sh (crédito al autor original de esta corrección alfian777 que publicó la solución en github )

Guarde el archivo y luego vaya a su consola git bash y escriba npm start

No debería ver ningún error ahora y la página localhost se iniciará en su navegador predeterminado (alternativamente, abra su navegador y navegue hasta http: // localhost: 8808 / ).

Tahir Khalid
fuente

3

Ninguna de estas respuestas ayudó con Ubuntu . Finalmente encontré una solución de John Papa (autor del servidor lite).

En Ubuntu 15.10, Angular 2 Quick Start cobró vida después de ejecutar esto en la terminal:

echo fs.inotify.max_user_watches = 524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Aparentemente aumenta la cantidad de relojes de archivos disponibles.

Fuente de la respuesta: https://github.com/johnpapa/lite-server/issues/9

Paul Lockwood
fuente

3

Encontré este mismo problema. Sin embargo, ninguna de las respuestas anteriores fue una solución adecuada para mí. Resulta que se debió más a mi entorno de desarrollo que a cualquiera de las versiones de las cosas.

Como usé Visual Studio Code, configuré una tarea de compilación en VSC para compilar TypeScript como observador. Este era el problema. VSC ya había iniciado una tarea de NPM para TSC y, por lo tanto, al ejecutar el script de 'inicio' del tutorial, tenía problemas con el hecho de que VSC todavía se estaba ejecutando tsc -w.

Detuve la tarea en VSC y volví a ejecutar el script de 'inicio' y funcionó bien.

Solución A: Stop y npm Start

Comando VSC> Tareas: Terminar tareas en ejecución
Terminal $ npm start

Después de eso, para que todo funcione en conjunto, cambio el script de inicio para simplemente iniciar el servidor y no ejecutar TSC.

Solución B: cambiar el script de inicio de npm

Reemplazar

"start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
con

"start": "npm run lite"

Solución C: simplemente ejecute el comando del servidor lite

`npm run lite`

Itanex
fuente

3

Resolví mi problema con el programa Quick Start siguiendo el enlace a continuación.

Error del servidor Live QuickStart de Angular 2

Cambiar la Package.jsonconfiguración de los scripts

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

a:

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

Saliya Wicky
fuente

2

Esta respuesta es solo para usuarios de Windows 10 y, como verá a continuación, sospecho que el problema solo les ocurre a esos usuarios:

Para saber qué está sucediendo, puede ejecutar el comando en PowerShell y le dirá cuál es el problema real:

PS C:\Users\Laurent-Philippe> tsc && concurrently "tsc -w" "lite-server"
At line:1 char:5
+ tsc && concurrently "tsc -w" "lite-server"
+     ~~
The token '&&' is not a valid statement separator in this version.
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRecordException
    + FullyQualifiedErrorId : InvalidEndOfLine

Básicamente, el mensaje explica que el token "&&" aún no es válido con Windows 10. Y para aquellos que se preguntan, el mismo comando que reemplaza && con &, nos informó que el operador ampersand está reservado para uso futuro:

 (&) character is not allowed. The & operator is reserved for future use; wrap an ampersand in double quotation marks ("&") to pass it as part of a string.

Conclusiones :

si desea ejecutar manualmente este comando desde PowerShell, puede usar esto en su lugar:

tsc "y" simultáneamente "tsc -w" "lite-server"
si desea iniciar su aplicación con npm start, reemplace la línea de inicio en su package.json por:

"inicio": "tsc y simultáneamente \" tsc -w \ "\" lite-server \ ""
alternativamente, la respuesta de user60108 también funciona porque no está usando el ampersand:

"iniciar": "simultáneamente \" npm ejecutar tsc: w \ "\" npm ejecutar lite \ ""

Laurent-Philippe Albou
fuente

1

Lo más probable es que su versión de NPM sea antigua, recientemente tuve esto en una máquina de desarrollo en el trabajo, escriba:

npm -v

Si es algo menos que la versión estable actual, puede actualizar su instalación de Node.js desde aquí https://nodejs.org/en/ :)

NewZeroRiot
fuente

1

Esto me funcionó, poner /// <reference path="../node_modules/angular2/typings/browser.d.ts" /> en la parte superior del archivo de arranque.

Por ejemplo:-

En boot.ts

/// <reference path="../node_modules/angular2/typings/browser.d.ts" />
import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.component'

bootstrap(AppComponent);

Nota: - Asegúrese de haber mencionado la ruta de referencia correcta .

vineet
fuente

1

En devDependencies, el mecanografiado es 1.7.3 pero tienes 1.7.5 arreglar uno común.
Importe sus archivos js en el orden correcto en formato index.html. para obtener más información, consulte este repositorio https://github.com/pkozlowski-opensource/ng2-play/blob/master/index.html o consulte mi repositorio aquí

https://github.com/MrPardeep/Angular2-DatePicker

index.html

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>

    <script>
        System.config({
                    defaultJSExtensions: true,
                    map: {
                        rxjs: 'node_modules/rxjs'
                    },
                    packages: {
                        rxjs: {
                        defaultExtension: 'js'
                      }
                    }
                });
    </script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/router.dev.js"></script>
    <script src="node_modules/angular2/bundles/http.dev.js"></script>

<script>
    System.import('dist/bootstrap');
</script>

Pardeep Jain
fuente

Gracias por tu repetición, pero no resuelve mi problema :)

Tomasz Ciunel

que como @Eric dijo, verifique la versión de su nodo, debe estar entre 4 * 5 y la versión npm debe estar entre 2 * 3. o publique la estructura de su proyecto, me ayudará a descubrir el problema.

Pardeep Jain

¡Gracias! Esto funcionó para mí. Este enlace en particular: github.com/pkozlowski-opensource/ng2-play/blob/master/…

brando

de bienvenida :) este enlace es muy útil para iniciar en angular2 beta0.0.

Pardeep Jain

0

Puedo reproducir pasos sin ningún problema.

Por favor, inténtalo:

(1) elimine esta línea de su index.html

<script src="node_modules/es6-shim/es6-shim.js"></script>

(2) modificar archivo: app.components.ts , eliminar "," al final de la línea en el campo de la plantilla

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>'
})

Aquí está mi entorno:

$ node -v
v5.2.0

$ npm -v
3.3.12

$ tsc -v
message TS6029: Version 1.7.5

Consulte este repositorio para ver mi trabajo: https://github.com/AlanJui/ng2-quick-start

AlanJui
fuente

si usamos ,al final de la plantilla no produje ningún problema. y cómo se puede ejecutar el proyecto sines6-shim

Pardeep Jain

0

Prueba esto:

Instalar las últimas versiones npm / nodejs Purgué mi instalación de npm
Después de eso, instale tsd npm install -g tsd
Luego clona https://github.com/johnpapa/angular2-tour-of-heroes.git
Finalmente npm iynpm start

Felipez
fuente

0

Instalar los paquetes globalmente es una forma de hacerlo, pero esto le restringe el uso de la misma versión en todos los proyectos en los que se utilizan.

En su lugar, puede prefijar sus scripts npm con ./node_modules/.bin. En su caso, package.jsonse vería así:

{
  "name": "reservationsystem",
  "version": "0.0.1",
  "scripts": {
    "tsc": "./node_modules/.bin/tsc",
    "tsc:w": "npm run tsc -w",
    "lite": "./node_modules/.bin/lite-server",
    "start": "./node_modules/.bin/concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "dependencies": {
    "a2-in-memory-web-api": "~0.1.0",
    "angular2": "2.0.0-beta.3",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.17",
    "zone.js": "0.5.11"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^2.0.1",
    "typescript": "^1.7.5"
  }
}

Creo que se supone que npm debe proporcionar el ./node_modules/.binfrente de cada comando "script" que se encuentra en ese directorio de forma predeterminada, por lo que el original se package.jsonveía de la misma manera. No estoy seguro de si esa función está en cada versión de npm, o si hay alguna configuración de configuración que se supone que debe especificar. ¡Valdría la pena investigarlo!

BrianRT
fuente

0

Tuve el mismo problema, ambos olvidamos incluir la 's' en los componentes aquí:

import  {AppComponent} from './app.component'

Debiera ser:

boot.js:

import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.components'

bootstrap(AppComponent);

Jim Factor
fuente

esto no es cierto, siguiendo el ejemplo, no debería haber 's' en el componente de la aplicación

Brad Woods

0

Tuve el mismo error en OS X (nodo v6.2.0 y npm v3.9.3 instalados con homebrew) y ninguno de los anteriores lo resolvió. Tuve que agregar rutas completas a los comandos que se ejecutan simultáneamente.

En package.json, cambié esto:

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

a esto:

"start": "tsc && concurrently \"/Users/kyen/.node/bin/npm run tsc:w\" \"/Users/kyen/.node/bin/npm run lite\" ",

Por supuesto, necesitará actualizar las rutas correctas según el lugar donde se almacenan los binarios globales de su nodo. Tenga en cuenta que no necesitaba agregar la ruta al primer comando tsc. Parece que solo al mismo tiempo necesita las rutas completas especificadas.

kyen99
fuente

0

Me encontré con el mismo error. Y después de mucha búsqueda, finalmente encontré este: instalación y ejecución de la aplicación Angular2 a través de package.json . Entonces traté de reemplazar

"scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, a

"scripts": { "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" },

Espero que ayude a quien obtenga el mismo error.

PD: Mi error no es el mismo que el de Tomasz, que es mi versión npm es 3.7.3 y la versión de nodo es 5.9.1.

Arroyo
fuente

0

Desinstale todos los paquetes de nodos existentes. Actualice el nodo y npm. Como se indica en la documentación como al menos el nodo v5.xx y npm 3.xx, de lo contrario causará errores.

Hacer npm clean. A continuación, hacer npm install, npm start.

Esto me resolvió el problema.

Ajith Thomas
fuente

esto no es cierto, las estadísticas de documentación al menos el nodo v4.xx angular.io/docs/ts/latest/…

Brad Woods

0

Para los usuarios de Ubuntu 16.x, instalar la última versión 5.x resuelve mi problema en ubuntu

curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash -
sudo apt-get install -y nodejs

Subrata Mazumder
fuente

0

Aparentemente, hay más de una forma en la que angular2-quickstart puede fallar al iniciarse. Tuve el mismo problema al ejecutar Angular2 versión 2.0.0 bajo una nueva instalación del nodo 6.6.0 / npm 3.10.3 en Windows 7. En mi caso, la ejecución npm startarrojó una tonelada de errores de mecanografía:

c:\git\angular2-quickstart>npm start

> angular2-quickstart@1.0.0 start c:\git\angular2-quickstart
> tsc && concurrently "npm run tsc:w" "npm run lite"

node_modules/@angular/common/src/directives/ng_class.d.ts(46,34): error TS2304: Cannot find name 'Set'.
node_modules/@angular/common/src/pipes/async_pipe.d.ts(39,38): error TS2304: Cannot find name 'Promise'.
(...)

Este problema se discute en el número 63 de inicio rápido angular, las "mecanografías" no se instalan correctamente . Ese boleto da la solución como

$ ./node_modules/.bin/typings install

que funcionó para mí. (Todavía no estoy seguro de la forma "correcta" de hacer esto).

Robert Calhoun
fuente

0

Asegúrese de que los nombres sean correctos, por lo tanto, cambie componenten boot.js a components.

patrón
fuente

0

Vaya a la dirección https://github.com/npm/npm/issues/14075 . Y prueba la respuesta de juaniliska. Quizás te ayude.

npm config obtener registro

npm cache clean

npm install

barış çıracı
fuente

0

En el archivo package.json, eliminé la línea que tenía "prestart": "npm run build". Esto parece ser un comando de bloqueo y ocurre antes del inicio (npm), evitando así los otros comandos de inicio.

SimonInOz
fuente

0

Cambie el inicio en angular.json a "start": "ng serve --host 0.0.0.0"o "start": "lite-server"y ejecute. También verifique si ha instalado angular / cli correctamente o no.

Alekya
fuente

0

En el tutorial de inicio rápido, seguí los pasos hasta npm start. Entonces recibí este error. Luego borré la node_modulescarpeta debajo angular-quickstarty ejecuté de npm installnuevo. Ahora funciona.

Edi
fuente

0

Si usa un proxy, puede causar este error:

npm config set proxy http://username:pass@proxy:port
npm config set https-proxy http://username:pass@proxy:port
cree un archivo con el nombre .typingsrcen la carpeta de su aplicación que incluya:
- proxy = (valor en el paso 1)
- https-proxy = (valor en el paso 1)
correr npm cache clean
correr npm install
correr npm typings install
correr npm start

entonces funcionará

kubra
fuente

No, todavía se obtiene: error TS5023: opción de compilador desconocida 'moduleResolution'.

Christof Kälin

Angular2 QuickStart npm start no funciona correctamente

Respuestas:

Solución A: Stop y npm Start

Solución B: cambiar el script de inicio de npm

Solución C: simplemente ejecute el comando del servidor lite