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!
Eu não entendo o problema
npm install
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!
Eu não entendo o problema
npm install
Respostas:
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.
Pode te ajudar.
Isso resolverá seu problema.
do terminal
> cd myProjectPath
myProjectPath > npm install
Não sei se ainda é um problema. Eu estava experimentando a mesma perturbação @angular/cli v1.1.2
no npm 4.1.2
. Excluí o node_modules
diretório e depois atualizei npm
(já que essa era uma causa comum no passado).
Eu queria atualizar npm
para 5.0.3
(mais recente), mas desde que eu estava usando nvm
isso 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 diferenteNo final, todos os pacotes estavam bem.
Espero que isto ajude.
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 serve
Isso tem a ver com a necessidade das dependências e devDependencies localizadas em my-app/package.json
vez 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 serve
para 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
previous-app
Depois de fazer seus comandos eu recebo um You cannot use the new command inside an Angular CLI project.
erro ao fazerng new my-app
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
Execute a atualização do npm após instalar todas as dependências de mesmo nível e ele funcionará.
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 serve
e 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 --save
mais uma vez.
Eu corri npm start
e recebi outro erro. Disse este erro Error: Cannot find module '@angular-devkit/core'
.
Corri npm install @angular-devkit/core --save
.
Por fim, corri npm start
e o projeto começou!
Eu tenho o mesmo problema e o motivo é
ng new app-name
, cria um novo diretório com o nome do aplicativo e instala tudo nele.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
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 install
para 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.
Depois de tentar sem sucesso:
npm install -g @ angular / cli funcionou para mim
Eu tive o mesmo problema e, removendo o node_modules e reinstalando, precisava remover o package-lock.json primeiro.
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".
Você precisa executar o servidor ng a partir do local c: \ project \ angular-src. Não é apenas a raiz do seu projeto.
ng serve
deve ser executado a partir da raiz da pasta, pois é onde está o package.json
arquivo que define esse script.
Executando o novo --skip-install PROJECT_NAME e, em seguida, entrando manualmente na pasta criada e digitando npm install. https://github.com/angular/angular-cli/issues/3906
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 bootstrap
e, após esse ponto, o erro começou a aparecer. Depois eu fiz, é yarn add xxx
claro, e funcionou.
Para restaurar o estado do projeto, removi node_modules
e package-lock.json
conforme esta resposta e, em seguida, executeyarn install
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.
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.
** 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.
Para resolver este problema.
cd projectName
npm update
ng serve -o
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/ **