Versão da CLI Angular Global maior que a versão local

Ao executar ng serve, recebo este aviso sobre minha versão da CLI global ser maior que a minha versão local. Não percebo nenhum problema com este aviso, mas queria saber se as duas versões devem estar sincronizadas? Além disso, é necessário ter uma versão local se você tiver uma versão global?

O aviso:

Sua versão global da CLI Angular (1.1.1) é maior que a versão local (1.0.6). A versão local da CLI Angular é usada.

Para responder a uma das perguntas, é necessário ter uma instalação global e local para que as ferramentas funcionem.

Se você tentar executar ng serveem um aplicativo sem a instalação local da CLI (somente instalação global), receberá o seguinte erro.

Você deve estar dentro de um projeto da CLI Angular para usar o comando serve.

Também imprimirá esta mensagem:

Please take the following steps to avoid issues:
"npm install --save-dev @angular/cli@latest"

Execute esse npmcomando para atualizar a CLI localmente e evite o aviso que você está recebendo.

Outra pergunta: parece que eles não precisam estar sincronizados, mas provavelmente é melhor que eles sejam para evitar qualquer comportamento incomum com a ferramenta ou qualquer inconsistência com o código que a ferramenta gera.

Por que precisamos da instalação global e de uma instalação local?

A instalação global é necessária para iniciar um novo aplicativo. O ng new <app-name>comando é executado usando a instalação global da CLI. De fato, se você tentar executar ng newenquanto estiver dentro da estrutura de pastas de um aplicativo CLI existente, receberá este erro adorável:

Você não pode usar o newcomando dentro de um projeto da CLI angular.

Outros comandos que podem ser executados a partir da instalação global são ng help, ng get/setcom a --globalopção de, ng version, ng doc, e ng completion.

A instalação local da CLI é usada após a construção de um aplicativo. Dessa forma, quando novas versões da CLI estiverem disponíveis, você poderá atualizar sua instalação global e não afetar a instalação local. Isso é bom para a estabilidade de um projeto. A maioria dos ngcomandos só faz sentido com a versão local, como lint, builde serve, etc.

De acordo com o leia-me da CLI GitHub , para atualizar a CLI, você deve atualizar o pacote global e local. No entanto, usei a CLI em que a versão global e local varia sem problemas até o momento. Se algum dia eu encontrar um erro relacionado a ter as versões da CLI global e local fora de sincronia, postarei isso aqui.

Foi assim que resolvi o problema.

Copie e execute esses comandos

ng --version
npm install --save-dev @angular/cli@latest
ng --version

Isso funciona para mim: ele atualizará a versão local para as mais recentes

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install

para verificar a versão

  ng --version

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@latest

Em seguida, no seu pacote de projeto local:

rm -rf node_modules dist 
npm install --save-dev @angular/cli@latest
npm i 
ng update @angular/cli 
ng update @angular/core
npm install --save-dev @angular-devkit/build-angular

Estava ficando abaixo do erro Erro: Fim inesperado da entrada JSON Fim inesperado da entrada JSON As etapas acima ajudaram nesta publicação Não é possível atualizar o angular para a versão 6

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest

Sua configuração existente pode ser atualizada automaticamente executando o seguinte comando:

ng update @angular/cli

ou:

npm install

No meu caso, eu apenas usei este comando no projeto:

ng update @angular/cli

Execute o seguinte comando: npm install --save-dev @angular/cli@latest

Após executar o comando acima, o console poderá exibir a mensagem abaixo

O formato de configuração da CLI angular foi alterado e sua configuração existente pode ser atualizada automaticamente executando o seguinte comando: ng update @ angular / cli

Eu não sou fluente em inglês

mas se eu entendi o problema, é que localmente no projeto você tem uma versão mais antiga da CLI do que globalmente?

E você gostaria de usar este mais novo global em vez do mais antigo local?

Nesse caso, um método muito simples é suficiente para executar no diretório do projeto npm link @angular/cli

mais no assunto da página: https://docs.npmjs.com/cli/link

Primeiro descubra a versão angular-cli global executando

ng --version

O código acima mostra qual versão são as versões angular-cli global e local.

Se você deseja que o CLI angular global e local seja o mesmo, basta fazer

npm install --save-dev @angular/cli@1.7.4

onde 1.7.4 é sua versão angular-cli global

Então, se você executar, ng serve --openseu código deverá ser executado.

Você só precisa atualizar o AngularCli

npm install --save-dev @angular/cli@latest

Atualizar CLI angular para um espaço de trabalho (local)

npm install --save -dev @angular/cli@latest

Nota: Certifique-se de instalar a versão global usando o comando com '-g', se estiver instalado corretamente.

npm install -g @angular/cli@latest

Execute o comando Update para obter uma lista de todas as dependências que precisam ser atualizadas

ng update

Próxima Execute o comando update, conforme abaixo, para cada pacote principal do Angular

ng update @angular/cli @angular/core

No entanto, tive que adicionar os comandos dos sinalizadores '–force' e '–allow-dirty' adicionalmente para corrigir todos os outros problemas pendentes.

ng update @angular/cli @angular/core --allow-dirty --force

isso deve resolver o problema:

ng update @angular/cli @angular/core

Apenas faça essas coisas

npm install --save-dev @angular/cli@latest
npm audit fix
npm audit fix --force

O npm install --save-dev @ angular-devkit / build-angular - ajudou a atualizar o @ angular / cli -> criou o angular.json e outras atualizações.

Coletando dependências instaladas ... Encontradas 58 dependências.

 ** Executing migrations for package '@angular/cli' **
            Updating karma configuration
            Updating configuration
            Removing old config file (.angular-cli.json)
            Writing config file (angular.json)
            Some configuration options have been changed, please make sure to update any  npm scripts which you may have modified. DELETE .angular-cli.json CREATE angular.json (4394 bytes) CREATE browserslist (429 bytes) UPDATE karma.conf.js (993 bytes) UPDATE public/tsconfig.spec.json (295 bytes) UPDATE package.json (2618 bytes) UPDATE tsconfig.json (437 bytes) UPDATE tslint.json (3135 bytes) UPDATE public/polyfills.ts (587 bytes) UPDATE public/tsconfig.app.json (199 bytes) npm WARN @angular/core@5.2.9 requires a peer of zone.js@^0.8.4 but none is installed. You must install peer dependencies yourself.

Remova a angular atual e instale a versão específica.

1. Verifique a versão

   ng --version

2. se não for necessário, desinstale a versão

   desinstalação do npm -g @ angular / cli

3. se npm vesrion <5.x

   cache de npm limpo

4. Verifique o cache

   verificação de cache npm

5. Instalar versão específica

   npm install -g @ angular / cli @ major.minor.patch