Angular2 QuickStart npm start não está funcionando corretamente

105

Eu sei que o Angular2 beta acabou de ser lançado, mas não consigo reproduzir as etapas do tutorial do site oficial ( https://angular.io/guide/quickstart ). Talvez alguém tenha tido problemas semelhantes e saiba o que fazer para consertar isso? Quando tento iniciar o aplicativo com o npm startcomando, obtenho uma saída como esta:

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 ]

Eu tinha: typescript versão 1.7.5 node 0.12.2 version

Talvez alguém possa ajudar a resolver o 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
fonte

Você poderia editar sua postagem com seus arquivos, por favor?

Romain

Qual é a sua estrutura de pastas? está o index.html dentro app/ou fora dele?

the_critic

Primeiro, o arquivo boot.js deve ser um ficheiro transcrito renomeá-lo como boot.ts . Não vejo mais nada que pareça errado ... Como the_critic disse, você poderia nos dar a estrutura do seu projeto.

Romain

É boot.ts. Eu digitei 'js' aqui no stackoverflow por engano - desculpe. Index html está na raiz como package.json por exemplo. Não está no diretório app /.

Tomasz Ciunel

2

Certifique-se de que sua versão do nó seja >=4.2.1 <5e sua versão npm seja >=2.14.7 <3.0conforme especificado no guia do DESENVOLVEDOR . Acho que você pode fazer isso funcionar com o nó 5, mas não sei como.

Eric Martinez

224

Altere o startcampo em package.json de

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

para

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

user60108
fonte

2

Por que ele executou o tsc duas vezes ( tsce tsc -w)?

smartmouse

9

Funcionou! Mas por que? Comecei a ficar desanimado no ng2.

Máximo de

9

No curso "início rápido angular 2 jogo a jogo" no Pluralsight, Ward Bell explica isso. O "tsc" compila o código primeiro porque sem isso, em projetos maiores, é possível que o servidor inicie antes que a compilação termine. Nesse caso, o servidor geraria um erro indicando que não sabe o que fazer.

Starceaker

1

Em 2017, sua solução alternativa em sua resposta expôs o verdadeiro problema, que era que havia erros de compilação no texto digitado no código do aplicativo. Quando eu corrigi os erros de compilação, a versão original funcionou bem sem a sua solução alternativa.

CodeMed

1

Excelente ... "start": "concorrentemente \" npm run tsc: w \ "\" npm run lite \ "" funcionou para mim ...

DILIP KOSURI

86

Para começar a npm startfuncionar para mim, eu tive que ter certeza de ter instalado globalmente algumas das devDependencies. Você tentou:

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

Derek Lawless
fonte

mas eu acho que lite-serveré opcional, você pode usar outros serviços também

Pardeep Jain

11

Funcionou para mim. sudo npm update -g && sudo npm install -g concurrently lite-server typescript.

Sam Finnigan

6

não se esqueça de desinstalar a versão local:npm uninstall lite-server

Aurelien

1

Eu tive o mesmo problema ao iniciar o servidor da web usando angular2-seed do curso Udemy. Isso corrigiu meu problema.

dance2die

Sim! instalar o lite-server globalmente e desinstalar o pacote local finalmente funcionou para mim no Vagrant! Muito obrigado!

Yahya Uddin

48

Primeiro você precisa atualizar o npm, lite-server e typescript:

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

Exclua a pasta node_modules do diretório do projeto Angular (se houver). Próxima execução:

npm install

Depois disso, resolva os erros ENOSPC:

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

Finalmente:

npm start

Este é meu arquivo 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 trecho

Tomek Miszczyk
fonte

3

Eu votei porque isso resolveu meu problema. No entanto, eu adoraria entender como adicionar fs.inotify.max_user_watches a / etc / sysctl corrigiu isso.

Joshua Wilson

Parece que o observador precisa de mais memória e isso fornece isso.

Joshua Wilson

Achei que parecia funcionar melhor quando excluo os módulos primeiro - rm -r node_modules/. De qualquer forma, como o homem disse, isso me fez ir; Estou surpreso que fs.inotify.max_user_watches=524288parece excessivo para mim. O vento melhora a sanidade ?

será de

Vale a pena acrescentar que o início rápido do Javascript é ativado imediatamente. SEM extras enormes. E quando o servidor para a página da web stays on screen. A versão datilografada simplesmente desaparece com uma nuvem de fumaça

será de

isso me salvou, obrigado. echo fs.inotify.max_user_watches = 524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

chintan adatiya

15

Eu tive o mesmo erro no Windows 10. Parece que é um problema com o pacote npm simultaneamente. Encontrei 2 opções para resolver este erro:

1. Execute os dois comandos em 2 cmds separados:
- na primeira corrida: npm run tsc:w
- no segundo: npm run lite
2. Mudança package.json
- basta alterar a opção de início para esta: "start": "tsc && npm run tsc:w | npm run lite",

dontHaveName
fonte

2

Apenas para observar. No Linux:"start": "tsc && npm run tsc:w & npm run lite",

ACV

Bem, é auto-recompilação para mim.

dontHaveName

Eu estava me referindo ao meu primeiro comentário :) no linux não funcionará

ACV

Apenas esta solução funcionou para mim. Tentei primeiro (execute os dois comandos em 2 cmds separados). Em seguida, interrompeu o processo em ambos os cmds. Por fim, aplique o segundo (altere package.json) e execute "npm start" apenas em um cmd. Se eu alterar um arquivo, localhost: 3000 atualiza automaticamente e mostra minhas alterações. Muito obrigado!

Andrew F.

13

Veja como resolvi o problema hoje depois de horas tentando todas essas soluções diferentes - (para quem está procurando por outro caminho ainda).

Abra 2 instâncias do cmd em seu diretório de início rápido:

janela # 1:

npm run build:watch

então...

janela # 2:

npm run serve

Ele será aberto no navegador e funcionará conforme o esperado

DeclanPossnett
fonte

9

Tive um problema semelhante depois de copiar a pasta angular2-quickstart (incluindo node_modules) para criar a pasta angular2-tour-of-heroes. Isso foi estranho porque o original estava compilando bem, mas a cópia não ...

npm run tsc

Consegui resolver o problema excluindo a pasta node_modules e executando novamente a instalação do npm .

Isso foi uma surpresa para mim, então fiz uma comparação entre as 2 pastas ...

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

havia MUITAS diferenças, muitas diferenças de 'onde' nos arquivos 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"

... o que faz sentido, mas também havia alguns 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 eu não entendo nada.

Bem, espero que isso ajude.

Michael Dausmann
fonte

5

Altere o campo inicial em package.json de:

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

Para:

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

Realmente ajudou.

Joseph
fonte

5

Esta resposta é em relação ao excelente curso Pluralsight "Angular 2 Fundamentals" de Jim Cooper.

Se, como eu, você está tendo problemas para começar a executar o comando npm start em uma máquina Windows 10, sugiro o seguinte:

Inicie o git bash como administrador (siga as etapas no vídeo) Navegue até o diretório do projeto ( ng2-fundals ) e digite os seguintes comandos:

npm config get registry

npm cache clean

npm install

Assim que a instalação for concluída, você precisará modificar o arquivo get-shell.js localizado no módulo spawn-default-shell dentro da pasta node_modules da seguinte maneira:

Altere o seguinte:

const DETECT_SH_REGEX = /sh$/;

para isso:

const DETECT_SH_REGEX = /sh/;

Observe o $ removido do final da string sh (crédito para o autor original desta correção alfian777 que postou a solução no github )

Salve o arquivo e vá para o console git bash e digite npm start

Você não deve ver nenhum erro agora e a página localhost será inicializada em seu navegador padrão (como alternativa, abra seu navegador e navegue para http: // localhost: 8808 / ).

Tahir Khalid
fonte

3

Nenhuma dessas respostas ajudou com o Ubuntu . Finalmente encontrei uma solução de John Papa (autor do lite-server).

No Ubuntu 15.10, o Angular 2 Quick Start ganhou vida após ser executado no terminal:

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

Aparentemente, aumenta o número de relógios de arquivo disponíveis.

Fonte da resposta: https://github.com/johnpapa/lite-server/issues/9

Paul Lockwood
fonte

3

Eu encontrei esse mesmo problema. No entanto, nenhuma das respostas acima foram soluções adequadas para mim. Acontece que isso se deveu mais ao meu ambiente de desenvolvimento do que a qualquer uma das versões das coisas.

Como usei o Visual Studio Code, configurei uma tarefa de construção no VSC para compilar o TypeScript como um inspetor. Esse era o problema. O VSC já havia iniciado uma tarefa NPM para o TSC e, portanto, ao executar o script 'start' do tutorial, estava tendo problemas com o fato de que o VSC ainda estava em execução tsc -w.

Parei a tarefa no VSC e executei novamente o script 'iniciar' e funcionou perfeitamente.

Solução A: Pare e npm Start

Comando VSC> Tarefas: encerrar tarefas em execução
Terminal $ npm start

Depois disso, para reunir tudo que está funcionando, altero o script de início para apenas iniciar o servidor e não iniciar o TSC.

Solução B: alterar o script de início do npm

Substituir

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

"start": "npm run lite"

Solução C: basta executar o comando lite do servidor

`npm run lite`

Itanex
fonte

3

Resolvi meu problema com o programa Quick Start seguindo o link abaixo.

Erro do servidor ao vivo do Angular 2 QuickStart

Alterar as Package.jsonconfigurações de scripts

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

para:

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

Saliya Wicky
fonte

2

Esta resposta é apenas para usuários do Windows 10 e, como você verá abaixo, suspeito que o problema esteja acontecendo apenas para esses usuários:

Para descobrir o que está acontecendo, você pode executar o comando no PowerShell e ele dirá qual é o 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

Basicamente, a mensagem explica que o token "&&" ainda não é válido com o Windows 10. E para quem está se perguntando, o mesmo comando substituindo && por &, nos informou que o operador E comercial 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.

Conclusões :

se quiser iniciar manualmente este comando a partir do PowerShell, você pode usar este:

tsc "e" simultaneamente "tsc -w" "lite-server"
se você deseja iniciar seu aplicativo com npm start, substitua a linha start em seu package.json por:

"start": "tsc & concorrentemente \" tsc -w \ "\" lite-server \ ""
como alternativa, a resposta do usuário 60108 também funciona porque ele não está usando o E comercial:

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

Laurent-Philippe Albou
fonte

1

É mais provável que sua versão do NPM seja antiga, recentemente tive isso em uma máquina de desenvolvedor no trabalho, digite:

npm -v

Se for menor do que a versão estável atual, você pode apenas atualizar sua instalação do Node.js aqui https://nodejs.org/en/ :)

NewZeroRiot
fonte

1

Isso funcionou comigo, coloque /// <reference path="../node_modules/angular2/typings/browser.d.ts" /> no início do arquivo de bootstraping.

Por exemplo:-

Em 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: - Certifique-se de mencionar o caminho de referência correto .

vinha
fonte

1

Em devDependencies, o typescript é 1.7.3, mas você tem 1.7.5 correção comum.
Importe seus arquivos js na ordem correta em index.html. para obter mais informações, consulte este repositório https://github.com/pkozlowski-opensource/ng2-play/blob/master/index.html ou consulte o meu repositório aqui

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
fonte

Obrigado pelo seu replay, mas não resolve meu problema :)

Tomasz Ciunel

do que como @Eric disse, verifique a versão do seu nó que deve estar entre 4 * 5 e a versão npm deve estar entre 2 * 3. ou poste sua estrutura de projeto vai me ajudar a descobrir o problema.

Pardeep Jain

Obrigado! Isso funcionou para mim. Este link em particular: github.com/pkozlowski-opensource/ng2-play/blob/master/…

brando

de nada :) este link é muito útil para inicialização no angular2 beta0.0.

Pardeep Jain

0

Posso reproduzir etapas sem nenhum problema.

Tente por favor:

(1) remova esta linha do seu index.html

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

(2) modificar o arquivo: app.components.ts , excluir "," no final da linha no campo do modelo

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

Aqui está meu ambiente:

$ node -v
v5.2.0

$ npm -v
3.3.12

$ tsc -v
message TS6029: Version 1.7.5

Consulte este repositório para meu trabalho: https://github.com/AlanJui/ng2-quick-start

AlanJui
fonte

se usarmos ,no final do template não produzi nenhum problema. e como o projeto pode ser executado semes6-shim

Pardeep Jain

0

Experimente isto:

Instale as versões mais recentes npm / nodejs Limpei minha instalação do npm
Depois disso, instale o tsd npm install -g tsd
Em seguida, clone https://github.com/johnpapa/angular2-tour-of-heroes.git
Finalmente npm ienpm start

Felipez
fonte

0

Instalar os pacotes globalmente é uma maneira de fazer isso, mas isso restringe o uso da mesma versão em todos os projetos em que são usados.

Em vez disso, você pode prefixar seus scripts npm com ./node_modules/.bin. No seu caso, o package.jsonseria assim:

{
  "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"
  }
}

Acho que o npm deve fornecer o ./node_modules/.binna frente de cada comando de "script" que está naquele diretório por padrão, e é por isso que o original package.jsontinha a aparência que tinha. Não tenho certeza se esse recurso está em todas as versões do npm, ou se há alguma configuração de configuração que você deve especificar. Vale a pena dar uma olhada!

BrianRT
fonte

0

Eu tive o mesmo problema, nós dois esquecemos de incluir o 's' nos componentes aqui:

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

Deveria estar:

boot.js:

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

bootstrap(AppComponent);

Jim Factor
fonte

isso não é verdade, seguindo o exemplo, não deveria haver nenhum 's' em app.component

Brad Woods

0

Eu tive o mesmo erro no OS X (node v6.2.0 e npm v3.9.3 instalado com homebrew) e não foi resolvido por nenhum dos itens acima. Tive que adicionar caminhos completos para os comandos executados simultaneamente.

Em package.json, mudei isso:

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

para isso:

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

Obviamente, você precisará atualizar os caminhos corretos com base em onde os binários globais do seu nó estão armazenados. Observe que não precisei adicionar o caminho ao primeiro comando tsc. Parece que só precisa simultaneamente dos caminhos completos especificados.

Kyen99
fonte

0

Eu encontrei o mesmo erro. E depois de muita pesquisa, finalmente encontrei este: instalação e execução do aplicativo Angular2 via package.json . Então eu tentei substituir

"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" }, para

"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 ajude quem comete o mesmo erro.

PS: Meu erro não é o mesmo do Tomasz, que é a minha versão npm 3.7.3 e a versão do node é 5.9.1.

Beck
fonte

0

Desinstale todos os pacotes de nós existentes. Atualize o nó e o npm. Como é fornecido na documentação como pelo menos o nó v5.xx e o npm 3.xx, caso contrário, causará erros.

Faça npm clean. Então faça npm install, npm start.

Isso resolveu o problema para mim.

Ajith Thomas
fonte

isso não é verdade, as estatísticas de documentação pelo menos nó v4.xx angular.io/docs/ts/latest/…

Brad Woods

0

Para usuários do Ubuntu 16.x, instalar a última versão 5.x resolve meu problema no ubuntu

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

Subrata Mazumder
fonte

0

Aparentemente, há mais de uma maneira pela qual o início rápido do angular2 pode falhar ao iniciar. Tive o mesmo problema ao executar o Angular2 versão 2.0.0 em uma nova instalação do nó 6.6.0 / npm 3.10.3 no Windows 7. No meu caso, a execução npm startdespejou uma tonelada de erros de digitação:

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'.
(...)

Esse problema é discutido no número 63 de início rápido do angular, "tipificações" não estão sendo instaladas corretamente . Esse tíquete dá a correção como

$ ./node_modules/.bin/typings install

que funcionou para mim. (Não tenho certeza da maneira "certa" de fazer isso ainda.)

Robert Calhoun
fonte

0

Certifique-se de que os nomes estejam corretos, alterando assim componentem boot.js para components.

capitão
fonte

0

Acesse https://github.com/npm/npm/issues/14075 endereço. E tente a resposta de juaniliska. Talvez te ajude.

npm config obter registro

limpeza de cache npm

npm install

barış çıracı
fonte

0

No arquivo package.json, removi a linha que tinha "prestart": "npm run build". Este parece ser um comando de bloqueio e ocorre antes do (npm) iniciar, evitando assim os outros comandos de inicialização.

SimonInOz
fonte

0

Altere start no angular.json para "start": "ng serve --host 0.0.0.0"ou "start": "lite-server"e execute. Verifique também se você instalou o angular / cli corretamente ou não.

Alekya
fonte

0

No tutorial de início rápido, segui as etapas até npm start. Então eu recebi este erro. Então eu apaguei a node_modulespasta angular-quickstarte corri npm installnovamente. Agora funciona.

Edi
fonte

0

Se você usar proxy, pode ocorrer este erro:

npm config set proxy http://username:pass@proxy:port
npm config set https-proxy http://username:pass@proxy:port
crie um arquivo nomeado .typingsrcna pasta do seu aplicativo que inclui:
- proxy = (valor na etapa 1)
- https-proxy = (valor na etapa 1)
corre npm cache clean
corre npm install
corre npm typings install
corre npm start

vai funcionar então

Kubra
fonte

Não, stille recebendo: erro TS5023: opção de compilador desconhecida 'moduleResolution'.

Christof Kälin

Angular2 QuickStart npm start não está funcionando corretamente

Respostas:

Solução A: Pare e npm Start

Solução B: alterar o script de início do npm

Solução C: basta executar o comando lite do servidor