Erro de CLI angular: o comando serve requer a execução em um projeto Angular, mas não foi possível encontrar uma definição de projeto

158

Ao executar os comandos do terminal ng serverou ng serve --live-reload=true, estou recebendo este problema:

O comando serve requer que seja executado em um projeto Angular, mas não foi possível encontrar uma definição de projeto.

Gurpreet Singh
fonte
11
Verifique se você tem node_modules pasta na pasta do projeto, se não realizar npm instalar
KEMBL
Eu já tenho a pasta node_modules.
Gurpreet Singh
Eu me deparei com essa pergunta quando recebi a mesma mensagem de erro ao tentar executar o "ng build". A resposta para mim foi executar "npm run build"
cfranklin 14/02
Eu estava no diretório raiz e recebendo este erro: D. Depois que ng new projecteu esqueci de entrar no diretório do projeto.
Davut Gürbüz 07/07

Respostas:

228

Eu também estava recebendo esse problema e resolvi executando o comando abaixo.

ng update @angular/cli --migrate-only --from=<WhateverVersionYouAreCurrentlyOn>

por exemplo

ng update @angular/cli --migrate-only --from=1.7.3

obtendo ref daqui https://github.com/angular/angular-cli/issues/12215#issuecomment-433593036

Lakhwinder Singh
fonte
30
Isso acontece porque o novo angular-cli depende usos angular.json vez de .angular-cli.json como arquivo de projeto, e sua resposta cuida dessa conversão
Código Nome Jack
7
Nota: A --from=1.7.4representa a versão que está sendo migrado de, assim que o 1.7.4deve ser alterado para a versão angular você estava anteriormente usando (por exemplo: 5.2.10, 6.0.0, etc).
CJN
4
ng update @ angular / cli << isso funcionou para mim com um projeto existente do angular 6 ao 7 #
Abdullah Adeeb
2
Eu estava no 1.2.4 e obtive o seguinte erro: The specified command update is invalid. For available options, see ``ng help``.Eu o resolvi atualizando o angular-cli para 1.7.4 e depois seguindo esta resposta.
ILikeFood
1
Obrigado. Trabalhar para mim quando eu atualizado angular de 4.4.7 para 7
Pullat Junaid
71

verifique se você está executando o comando na pasta raiz do aplicativo.

Me1o
fonte
Para aceder ao seu uso pasta raiz pm> dir pm> cd clientapp, em seguida, se você tiver mensagem de erro Use o seguinte pm>ng config -g cli.warnings.versionMismatch false
hosam hemaily
44

Se você baixou um projeto, faça no projeto

instalação npm

Muraletharan
fonte
o meu problema era pacotes NPM privadas que não foi instalado
David
Mesmo problema que tive ao tentar os projetos de teste para um tutorial angular
mahlatse
19

Finalmente, o comando abaixo corrigiu o problema para mim!

ng update --all --force
Shahzeen shaikh
fonte
Eu tentei ng update @angular/clinão funcionou, mas ng update --all --forcefuncionou como esperado, qual seria a diferença?
K11k2 09/04/19
15

Erro de Cli angular: O comando serve requer que seja executado em um projeto Angular, mas não foi possível encontrar uma definição de projeto

Problema estava ausente nos arquivos angular.json.

    ng update --all --force

Testado em Angular 7+

afeef
fonte
5

Isso estava acontecendo no meu projeto existente, enquanto eu tentava atualizar para os mais recentes nodee os npmpacotes:

  1. Desinstalar global: npm uninstall -g angular-cli
  2. Redefinir cache: npm cache cleanou npm cache verify(para npm version> 5)
  3. Instale mais recente: npm install -g @angular/cli@latest
amrendra
fonte
4

Verifique se você definiu a nova configuração da versão angular em seu projeto. O novo cli angular usa angular.json e não .angular-cli.json para sua configuração.

Siga o guia de migração .

Lasitha
fonte
4

Fui bobo, mas preciso deixar um comentário, talvez eu salve alguém mais um pouco de aborrecimento. A mesma mensagem acontece se você realizar multitarefas e tiver vários projetos, de modo que parte do projeto esteja aninhada dentro da pasta do projeto, como se projectFolder/subProject/projectOneeu estivesse projectFolder/subProjecttentando executar o comando ng serve.

Verifique se você está na pasta correta, pois o mesmo erro ocorrerá se você estiver na pasta errada e se estiver faltando conf e build!

StefaDesign
fonte
3

No console do gerenciador de pacotes, execute o comando

PM> cd NameofApp 

então você pode tentar executar o comando lá.

PM > ng generate component Home
Zubeid Hendricks
fonte
3

Para reinstalar novamente, o aplicativo é muito melhor do que atualizar ou editar algumas configurações que não são reconhecidas pelo npm devido à falta de configuração ou não temos certeza do que está errado.

Eu escolho a solução @Tinu é trabalho

Etapa 1) npm install -g @ angular / cli

Etapa 2) ng novo projeto angular

Etapa 3) cd my-angular-project

Etapa 4) ng serve --abre

acabamos de fazer backup do nosso código-fonte atual e colocá-lo de volta no novo projeto angular criado.

ed91
fonte
2

Isso acontece quando você tenta executar o comando Angular "ng s" ou "ng serve" na outra pasta, em vez da pasta raiz do aplicativo Angular.

Atualize também o Angular usando o seguinte comando:

ng update @angular/cli --migrate-only --from=1.7.4

Isso vai resolver o problema.

Soluções OmkieIT
fonte
2

No meu caso, esqueci de mudar meu diretório, logo após executar o comando:

do novo AngularProject

execute outro comando:

cd AngularProject

e ng servetrabalhou para mim.

Usman Khalid
fonte
2

Eu tive o mesmo problema com o Angular7 porque precisamos acessar a pasta raiz antes de executar seu aplicativo. Vá para a pasta raiz do seu aplicativo e execute o comando Funciona perfeitamente para mim.

Chamila Maddumage
fonte
2

O mesmo problema me deparei, mas resolvi seguindo estas etapas de código.

Step 1) npm install -g @angular/cli
Step 2) ng new my-angular-project
Step 3) cd my-angular-project
Step 4) ng serve --open
Tinu Mathai
fonte
Por que temos que criar um novo projeto? Eu quero que isso seja feito para o existente #
Dadhich Sourav 27/11/19
por que criar um novo projeto? Se alguém está tendo o problema no projeto existente
Lint
2

Este erro ocorre quando o projeto que você está executando não é um projeto angular. Embora você tenha baixado um projeto angular, mas não tenha instalado todas as dependências, é por isso que o comando ng serve não está disponível para você.

Basta navegar até o caminho em que o projeto está armazenado e usar o comando

npm install

(Nota - O Node.js deve estar instalado no seu sistema e, se você estiver usando o Angular 2 ou acima, o angi cli também deve estar instalado no seu sistema antes de executar este comando. Para verificar se o node.js está instalado no seu sistema 1) Abra o cmd (qualquer nó do caminho como deve ser instalado globalmente no seu sistema) 2) use command

node -v
npm -v

para obter a versão do nó e do npm)

Mais uma coisa importante: a versão do CLI angular não fará diferença se a versão instalada no seu sistema for superior à versão exigida pelo projeto. Ele emitirá um aviso, mas você pode ignorá-lo.

Utkarsh Joshi
fonte
2

Este erro pode ocorrer quando estamos no diretório incorreto. Use o comando cd para alterar seu diretório. Não é muito evidente no comentário acima que comando específico está dando esse erro, portanto esta resposta é baseada na suposição de que você está executando o ng serve fora da pasta raiz / pasta do projeto real. É por isso que está dando erro, porque os comandos cli requerem arquivos conf & build para executar a compilação cli.

These should be the steps:
npm install -g @angular/cli  //corrected from 'angular-cli'
ng new projectname
cd projectname
ng serve
open http://localhost:4200
Sachithra Dilshan
fonte
2

Mude para a pasta do aplicativo e execute o comando generate novamente:

insira a descrição da imagem aqui

amor ao vivo
fonte
1

Me deparei com o mesmo erro. O motivo é que a nova atualização angular do cli torna o angular-cli.json redundante e, em vez disso, é substituído pelo angular.json. Minha versão anterior do Angular Cli é 1.7.4, portanto, para fazer a alteração, executei o seguinte comando, ele fará a conversão para você:

ng update @angular/cli --migrate-only --from=1.7.4
Vinayak Savale
fonte
Opção desconhecida: '--target' npm ERR! código ELIFECYCLE
Sohail
1

Eu enfrentei o mesmo problema quando,

Criei um novo projeto angular usando a versão angular-cli antiga (1.4.7). Atualizei o angular-cli usando os comandos abaixo ( NÃO FAÇA O ABAIXO PARA ATUALIZAR A CLI )

  • npm uninstall -g @angular/cli
  • npm cache clean --force
  • npm install -g @angular/cli@latest

Agora, quando tentei ng serve, estava recebendo o mesmo erro que você

Angular Cli Error: The serve command requires to be run in an Angular project, but a project definition could not be found

ABAIXO PARA ATUALIZAR CLI

ng update @angular/cli --migrate-only --from=1.4.7
Vino
fonte
1

Como Usman disse, tive muitos problemas na primeira vez, estava seguindo um tutorial. Eu não havia definido meu diretório para o diretório do projeto, portanto, recebi esse erro.

Eu resolvi o problema

  1. Definindo o diretório raiz correto para onde meu projeto estava cd myproject
  2. Compile o aplicativo - ng serve

Foi isso.

Maxwell Fundi
fonte
1

Tentei tudo acima Mas para mim foi resolvido por

npm start

viveksuggu
fonte
isso deve estar na seção de comentários
Pardeep
@Pardeep Eu tentei todas as respostas acima, mas npm start me funcionou. por isso, será útil para o outro desenvolvedor. se for feita como atraente resposta em vez de manter nos comentários
viveksuggu
1

Estou usando o ionciv1, no arquivo ionic.config.jsonexclua a chave do tipo angular e funcionou corretamente

exemplo:

  {
  "name": "nombre",
  "integrations": {
    "cordova": {}
  },
  "type": "angular", // delete
  "gulpStartupTasks": [
    "sass",
    "templatecache",
    "ng_annotate",
    "useref",
    "watch"
  ],
  "watchPatterns": [
    "www/**/*",
    "!www/lib/**/*"
  ],
  "browsers": [
    {
      "platform": "android",
      "browser": "crosswalk",
      "version": "12.41.296.5"
    }
  ],
  "id": "0.1"
}

resolvido

     {
      "name": "nombre",
      "integrations": {
        "cordova": {}
      },
      "gulpStartupTasks": [
        "sass",
        "templatecache",
        "ng_annotate",
        "useref",
        "watch"
      ],
      "watchPatterns": [
        "www/**/*",
        "!www/lib/**/*"
      ],
      "browsers": [
        {
          "platform": "android",
          "browser": "crosswalk",
          "version": "12.41.296.5"
        }
      ],
      "id": "0.1"
    }
Johan Stiven Hernandez Osorio
fonte
1

Esse erro geralmente pode ser rastreado até uma atualização para o nosso tempo de execução da CLI global ou local. Para verificar se esse é o problema, precisamos revisar o package.jsonarquivo. Lá, devemos procurar a dependência @ angular / cli . Isso deve indicar a versão da CLI que foi usada para criar nosso projeto. Vamos anotar esse valor, pois precisamos usá-lo para migrar nosso projeto posteriormente.

Agora devemos comparar com o tempo de execução atual da CLI digitando o seguinte comando na janela do terminal.

ng v

saída de ng v

Se você receber um erro An unhandled exception occurred: ENOENT: no such file or directory, scandir '~/your-app/node_modules', você esqueceu de executarnpm install

O console deve exibir a versão atual da CLI. Se as versões forem diferentes , precisamos migrar o projeto para a nova versão da CLI executando o comando abaixo. Observe que o parâmetro from version deve definir o valor encontrado para a configuração @ angular / cli .

ng update @angular/cli --migrate-only --from=1.6.7

Agora, devemos dar uma olhada no nosso projeto e observar alterações na versão de dependência da CLI no package.jsonarquivo. Também dependendo da versão da sua CLI, o .angular-cli.jsonarquivo é excluído e um novo angular.jsonarquivo é criado. Este é o arquivo de projeto que a nova CLI está procurando e, portanto, a fonte do erro de nenhum projeto encontrado. Ao adicionar este arquivo, poderemos estar de volta aos trilhos para executar nosso projeto novamente.

Deveríamos poder inserir o seguinte comando e o projeto deve estar carregando bem.

ng server

Graças a ozkary

Norman Edance
fonte
1

Certifique-se de ter criado o aplicativo angular usando o comando abaixo e executando o ng serve na pasta Projeto criada.

ng new Project_Name
AdroitSJ
fonte
0

Certifique-se também de que, se você estiver executando o ng serve, pare primeiro ...

dirtyw0lf
fonte
0

Resolvido. Eu estava recebendo o mesmo problema no ubuntu 18.04.01 LTS . As opções acima não funcionaram porque eu estava usando o NVM (gerenciador de versão de nó.) A solução é
antes de criar o projeto , use o comando
nvm use 10
(minha versão do nó era 10.15.0, então usei "nvm use 10").
Ele mostrará a saída:
Agora, usando o nó v10.15.0 (npm v6.4.1)
As versões variarão conforme os sistemas individuais. então crie um novo projeto.

Pravin Pokharkar
fonte
0

Você pode atualizar o angular com o comando 'ng update --all'. Vai levar tempo, mas verifique se todos os seus componentes estão atualizados.

deepak samantaray
fonte
0

Verifique se você está dentro da pasta do projeto ou não e tente o comando ng servenovamente

Eu recebi o mesmo erro desde que tentei o ng servecomando fora do meu projeto

Exemplo :: digamos que você tenha um projeto com o nome "Ecommerce", vá até a pasta e tente o comando ng serve open terminal cd Ecommerce ng serve

Srikanth Avadhanula
fonte
0

Isso corrigiu meu problema:

ng generate component nameComponent --module app.module
PoussinDev
fonte
0

Isso acontece porque estamos pressionando o comando ng serve em algum outro caminho. Isso pode ser resolvido pressionando o comando ng serve ou o comando npm start no caminho em que exatamente reside o nosso projeto (siga o caminho até a pasta que contém src, node_modules, etc.)

F: \ projeto \ AngularDemo \ AngularDemoapp> ng serve

Radha Basida
fonte