Você parece não estar dependendo de "@ angular / core". Isto é um erro

140

Quero criar um aplicativo angular 2 com cli angular

Eu escrevi no cmd:

npm install angular-cli -g

então:

ng firstngapp

mas me mostra um erro quando escrevo npm start! a imagem de erro

Imagem de arquivos

Eu não entendo o problema

web_mobile designer_dev
fonte
22
Eu tive um problema semelhante, mas estava na pasta pai.
193 Jaider
Tente executar os erros do npm firstngapp e veja. Ele irá orientá-lo a resolver seu problema #
285
1
Após a instalação do npm, você pode tentar fechar o projeto e abrir novamente. Funcionou para mim.
Pague
Você está enferrujado como eu? Após a clonagem projeto ... mude para pasta do projeto enpm install
Adam Cox
concordou, você deve executar "npm install angular-cli -g", depois "npm install" e, finalmente, o "ng XXX"
Andreas Panagiotidis

Respostas:

192

Tente correr

npm install

na pasta do projeto

galvan
fonte
79

Durante a execução, ng serve você deve estar no diretório do aplicativo / projeto .

Se você executar o comando em outro diretório, receberá o erro:

Você parece não estar dependendo de "@ angular / core". Isto é um erro.

niranjan pb
fonte
2
Eu estava dependendo de "@ / core angular", mas eu não estava no diretório do projeto assim que eu estava recebendo esse erro
pb niranjan
15

Exclua os módulos do nó, verifique se o package.jsonarquivo deve ter o @angular/coree reinstale-o com npm i.

selem mn
fonte
13
  1. Exclua a pasta node_modules e o arquivo package-lock.json .
  2. Em seguida, execute o comando a seguir, ele atualizará os pacotes npm.

    npm update

  3. Posteriormente, inicie o projeto executando o seguinte comando.

    ng serve

Os passos acima funcionaram para mim.

sabin
fonte
7

Pode te ajudar.

  • Excluir todas as pastas que você criou anteriormente
  • Criar nova pasta
  • Em seguida, tente navegar para essa pasta no comando "cd foldername"
  • então tente instalar "npm install"

Isso resolverá seu problema.

Ajit Kumar
fonte
6

do terminal

 > cd myProjectPath
 myProjectPath > npm install
Pooja
fonte
8
Parece muito semelhante à resposta principal no momento - é uma resposta necessária?
TerryA
1
Melhor que a mesma sugestão acima.
FeeFiFoFum
5

Não sei se ainda é um problema. Eu estava experimentando a mesma perturbação @angular/cli v1.1.2no npm 4.1.2. Excluí o node_modulesdiretório e depois atualizei npm(já que essa era uma causa comum no passado).

Eu queria atualizar npmpara 5.0.3(mais recente), mas desde que eu estava usando nvmisso parece ter atrapalhado as bibliotecas. Assim, eu reinstalei node.

Então eu fui com

  • npm cache clean
  • npm rebuild
  • npm install - Este várias vezes, uma vez que sempre que ocorreu um erro com um pacote diferente

No final, todos os pacotes estavam bem.

Espero que isto ajude.

Mathias Rodriguez
fonte
5

As etapas abaixo funcionaram para mim:

1) Exclua a node_modules/pasta e o package-lock.jsonarquivo.

2) npm install

3) ng serve

Ashish168
fonte
4

a correção para mim foi

npm link
ng build 

insira a descrição da imagem aqui

grepit
fonte
3

Se alguém está enfrentando isso em 2018, o que finalmente funcionou para mim foi entrar no meu aplicativo com o qual criei e ng new my-app, em seguida, execute ng serveIsso tem a ver com a necessidade das dependências e devDependencies localizadas em my-app/package.jsonvez de root/package.json. Eles são dois arquivos separados.

Mesmo se eu copiasse todas as dependências para a pasta raiz package.json, também precisaria entrar e alterar manualmente os locais dos caminhos dos arquivos de configuração my-app/*. É muito mais fácil entrar my-app/e correr ng servepara lá para deixar tudo funcionar como deveria.

Portanto, essas etapas devem funcionar para qualquer pessoa:

rm -rf <previous-app> // Seja qual for o nome do seu aplicativo anterior, se você tiver um.

sudo rm -rf node_modules

rm -f package-lock.json

npm install

ng new my-app

cd my-app

ng serve

Dan
fonte
Pode explicar o que faz rm -rf <anterior-app> Eu não me lembro se e por que eu fiz um previous-appDepois de fazer seus comandos eu recebo um You cannot use the new command inside an Angular CLI project.erro ao fazerng new my-app
Revolucion para Monica
@ Marine1 Não é possível criar um novo aplicativo Angular dentro de um aplicativo Angular. e execute apenas rm -rf <previous app>se você tiver um aplicativo anterior que esteja criando esse problema. substitua o nome do seu aplicativo aqui. rm -rf remove recursivamente à força o conteúdo de todo o diretório
Dan
2

Execute a atualização do npm após instalar todas as dependências de mesmo nível e ele funcionará.

Surendra Parchuru
fonte
2

Enfrentou o mesmo problema. Ao executar o ngserve, você deve estar no diretório de aplicativos. Para confirmar (no GIT BASH: você terá (mestre) após o caminho do diretório no prompt do gitbash, se estiver no diretório do aplicativo.)

Roy
fonte
2

Foi assim que resolvi esse problema.

Eu corri pela primeira vez npm install @angular/core.

Então eu corri npm install --save.

Quando as duas instalações foram concluídas com êxito, executei npm servee recebi um erro dizendo

"Versions of @angular/compiler-cli and typescript could not be determined.
The most common reason for this is a broken npm install.

Please make sure your package.json contains both @angular/compiler-cli and typescript in
devDependencies, then delete node_modules and package-lock.json (if you have one) and
run npm install again."

Excluí minha pasta node_modules e a pasta package-lock.json.

Depois de excluir essas pastas, corri npm install --savemais uma vez.

Eu corri npm starte recebi outro erro. Disse este erro Error: Cannot find module '@angular-devkit/core'.

Corri npm install @angular-devkit/core --save.

Por fim, corri npm starte o projeto começou!

MBak
fonte
2

Eu tenho o mesmo problema e o motivo é

  1. quando você o executa ng new app-name, cria um novo diretório com o nome do aplicativo e instala tudo nele.
  2. Depois de executar o comando acima, a tendência humana é executar ng serve e, como o aplicativo está no subdiretório, ele não encontrará package.json e lançará o erro mencionado.

A solução é bem simples. basta ir para o subdiretório e depois executarng serve

abhirathore2006
fonte
Diretório CD ng5 #
Ajay Takur
O nome do diretório @AjayTakur será igual ao nome do aplicativo.
abhirathore2006
1

Você cria um novo projeto com:

ng new firstngapp

No seu exemplo, você está ausente new. Isso criaria uma pasta, geraria arquivos e funcionaria npm installpara você. Parece que você criou a pasta, mas não há aplicativo Angular CLI nela.

E para iniciar o aplicativo, use:

ng serve

npm start será usado apenas se você tiver ejetado do cli.

Miroslav Jonas
fonte
1

Depois de tentar sem sucesso:

  • instalação npm
  • atualização npm
  • ng servir

npm install -g @ angular / cli funcionou para mim

user3172635
fonte
0

Eu tive o mesmo problema e, removendo o node_modules e reinstalando, precisava remover o package-lock.json primeiro.

RollWhisTler
fonte
0

Eu estava recebendo o mesmo erro quando tentei executar o "ng serve" depois que vi algumas sugestões que um técnico disse para atualizar o meu npm.

"" As versões do @ angular / compiler-cli e o texto datilografado não puderam ser determinadas. O motivo mais comum para isso é uma instalação npm interrompida. Certifique-se de que seu package.json contenha @ angular / compiler-cli e typescript em devDependencies, exclua node_module e package-lock.json (se você tiver um) e execute o npm install novamente. ""

Depois de executar todas as ações, agora está funcionando corretamente ... e recebendo a mensagem "Compilado com sucesso".

Irshad
fonte
0

Você precisa executar o servidor ng a partir do local c: \ project \ angular-src. Não é apenas a raiz do seu projeto.

Tony B
fonte
O OP pode não ter a pasta c: \ project \ angular-src. E não, você responde não faz sentido. ng servedeve ser executado a partir da raiz da pasta, pois é onde está o package.jsonarquivo que define esse script.
Miroslav Jonas
0

No meu caso, o seguinte funcionou:

rm -rf node_modules
rm package-lock.json
npm install

Daí o npm install, não atualizar .

Lars
fonte
0

O problema que tive foi que segui o conselho do CLI para mudar para o gerenciamento de pacotes de fios.

Então, enquanto seguia um tutorial, fiz isso npm install --save bootstrape, após esse ponto, o erro começou a aparecer. Depois eu fiz, é yarn add xxxclaro, e funcionou.

Para restaurar o estado do projeto, removi node_modulese package-lock.jsonconforme esta resposta e, em seguida, executeyarn install

gargalo
fonte
0

As versões do @ angular / compiler-cli e do typescript não puderam ser determinadas. O motivo mais comum para isso é uma instalação npm interrompida.

Certifique-se de que seu package.json contenha @ angular / compiler-cli e typescript em devDependencies, exclua node_modules e package-lock.json (se você tiver um) e execute o npm install novamente.

OM Prakash Singh
fonte
0

Isso aconteceu comigo quando eu estava misturando gerenciadores de pacotes. Meu projeto foi gerado com o Yarn e, depois disso, adicionei algumas dependências usando o npm install (isso criou o package-lock.json com apenas dependências adicionadas).

Aparentemente, o ng serve usou o package-lock.json e não conseguiu encontrar dependências angulares lá. Depois que comecei a usar apenas o Yarn, ou seja, adicionar o yarn em vez da instalação do npm, o erro desapareceu.

Yakov Fain
fonte
0

** Você deve estar na pasta YOUR_APP recém-criada antes de pressionar o comando ng serve **

Vamos começar do zero,

1) install npm

2) crie um novo aplicativo angular ( ng new <YOUR_APP_NAME>)

3) vá para a pasta do aplicativo ( cd YOUR_APP_NAME)

4) ng serve

Espero que isso resolva o problema.

Abhishek Kumar
fonte
0

Para resolver este problema.

  1. Passo 1: cd projectName
  2. Passo 2: npm update
  3. Etapa 3: ng serve -o

Por exemplo : insira a descrição da imagem aqui

BehrouzMoslem
fonte
0

Para ng servir, você precisa estar dentro desse diretório

ashish@ashish-Inspiron-3521:~/Angular$ ng new FireStore
  create FireStore/README.md (1025 bytes)
  create FireStore/.angular-cli.json (1245 bytes)
  create FireStore/.editorconfig (245 bytes)
  create FireStore/.gitignore (544 bytes)
  create FireStore/src/assets/.gitkeep (0 bytes)
  create FireStore/src/environments/environment.prod.ts (51 bytes)
  create FireStore/src/environments/environment.ts (387 bytes)
  create FireStore/src/favicon.ico (5430 bytes)
  create FireStore/src/index.html (296 bytes)
  create FireStore/src/main.ts (370 bytes)
  create FireStore/src/polyfills.ts (3114 bytes)
  create FireStore/src/styles.css (80 bytes)

ashish@ashish-Inspiron-3521:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.

Como eu resolvi isso usando o cmd

ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/

Agora faça cmd

ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Ashish Kamble
fonte