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
angular
npm
angular-cli
web_mobile designer_dev
fonte
fonte
npm install
Respostas:
Tente correr
na pasta do projeto
fonte
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:
fonte
Exclua os módulos do nó, verifique se o
package.json
arquivo deve ter o@angular/core
e reinstale-o comnpm i
.fonte
Em seguida, execute o comando a seguir, ele atualizará os pacotes npm.
npm update
Posteriormente, inicie o projeto executando o seguinte comando.
ng serve
Os passos acima funcionaram para mim.
fonte
Pode te ajudar.
Isso resolverá seu problema.
fonte
do terminal
fonte
Não sei se ainda é um problema. Eu estava experimentando a mesma perturbação
@angular/cli v1.1.2
nonpm 4.1.2
. Excluí onode_modules
diretório e depois atualizeinpm
(já que essa era uma causa comum no passado).Eu queria atualizar
npm
para5.0.3
(mais recente), mas desde que eu estava usandonvm
isso parece ter atrapalhado as bibliotecas. Assim, eu reinstaleinode
.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.
fonte
As etapas abaixo funcionaram para mim:
1) Exclua a
node_modules/
pasta e opackage-lock.json
arquivo.2)
npm install
3)
ng serve
fonte
a correção para mim foi
fonte
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, executeng serve
Isso tem a ver com a necessidade das dependências e devDependencies localizadas emmy-app/package.json
vez deroot/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çãomy-app/*
. É muito mais fácil entrarmy-app/
e correrng 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
fonte
previous-app
Depois de fazer seus comandos eu recebo umYou 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órioExecute a atualização do npm após instalar todas as dependências de mesmo nível e ele funcionará.
fonte
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.)
fonte
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 dizendoExcluí 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 erroError: Cannot find module '@angular-devkit/core'
.Corri
npm install @angular-devkit/core --save
.Por fim, corri
npm start
e o projeto começou!fonte
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 executar
ng serve
fonte
Você cria um novo projeto com:
No seu exemplo, você está ausente
new
. Isso criaria uma pasta, geraria arquivos e funcionarianpm install
para você. Parece que você criou a pasta, mas não há aplicativo Angular CLI nela.E para iniciar o aplicativo, use:
npm start
será usado apenas se você tiver ejetado do cli.fonte
Depois de tentar sem sucesso:
npm install -g @ angular / cli funcionou para mim
fonte
Eu tive o mesmo problema e, removendo o node_modules e reinstalando, precisava remover o package-lock.json primeiro.
fonte
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".
fonte
Você precisa executar o servidor ng a partir do local c: \ project \ angular-src. Não é apenas a raiz do seu projeto.
fonte
ng serve
deve ser executado a partir da raiz da pasta, pois é onde está opackage.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
fonte
No meu caso, o seguinte funcionou:
Daí o
npm install
, não atualizar .fonte
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
epackage-lock.json
conforme esta resposta e, em seguida, executeyarn install
fonte
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.
fonte
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.
fonte
** 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.
fonte
Para resolver este problema.
cd projectName
npm update
ng serve -o
Por exemplo :
fonte
Para ng servir, você precisa estar dentro desse diretório
Como eu resolvi isso usando o cmd
Agora faça cmd
fonte