Как обновить угловой командной строки до последней версии

используя ng --version Я:

@angular/cli: 1.0.0

который не является последней доступной версией.

поскольку у меня есть угловой CLI глобально установленный в моей системе, чтобы обновить его, я попытался:

npm update angular-cli -g

но это не работает, потому что он остается в 1.0.0 версии.

10 102
angularjs angular-cli

10 ответов:

после прочтения некоторых проблем, сообщенных в репозитории GitHub, я нашел решение.

чтобы обновить пакет angular-cli, установленный глобально в вашей системе, вам нужно запустить:

npm uninstall -g angular-cli
npm cache clean or npm cache verify (if npm > 5)
npm install -g @angular/cli@latest

в зависимости от вашей системы, вам может понадобиться префикс команды с sudo.

кроме того, скорее всего, вы хотите также обновить локальную версию проекта, потому что внутри вашего каталога проекта он будет выбран с более высоким приоритетом, чем глобальный один:

rm -rf node_modules
npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install

спасибо grizzm0 указал на GitHub.

после обновления вашего CLI, вы, вероятно, хотите обновите свою угловую версию тоже.

Примечание: если вы обновляете угловой CLI 6+ из более старой версии, вам может потребоваться прочитать этой.

375

не забудьте обновить основные пакеты после обновления Cli.

ng6+ (Cli 6.0+): особенности упрощенные команды

во-первых, обновите свой Cli

npm install -g @angular/cli
npm install @angular/cli
ng update @angular/cli

затем обновите свои основные пакеты

ng update @angular/core

если вы используете RxJS, запустите

ng update rxjs

он обновит RxJS до версии 6 и установит rxjs-compat пакет под капотом.

если вы столкнулись с ошибками сборки, попробуйте установить вручную оф:

npm i rxjs-compat
npm i @angular-devkit/build-angular

наконец, проверьте свою версию

ng -v

примечание по производственной сборке:

ng6 больше не использует intl на polyfills.ts

//remove them to avoid errors
import 'intl';
import 'intl/locale-data/jsonp/en';

ng5+ (Cli 1.5+)

npm install @angular/{animations,common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router}@next typescript@2.4.2 rxjs@'^5.5.2'
npm install typescript@2.4.2 --save-exact

Примечание:

  1. поддерживаемая версия Typescript для Cli 1.6 на момент написания составляет до 2.5.3.
  2. использование @next обновляет пакет до бета-версии, если она доступна. Используйте @latest, чтобы получить последнюю не бета-версию версия.

после обновления глобального и локального пакетов очистите кэш, чтобы избежать ошибок:

npm cache verify (recommended)
npm cache clean (for older npm versions)

вот официальные ссылки:

  1. обновление Cli
  2. обновление основных пакетов базовый пакет.
114

вы можете просто использовать

npm install -g angular-cli - Если это ваш первый раз

npm install -g @angular/cli@latest - если u уже установлен, так что для обновления

33

мощная команда устанавливает и заменяет последний пакет.

у меня была похожая проблема. Я все исправил.

 npm install -g @angular/cli@latest

и 

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

enter image description here

20

эта команда прекрасно работает:

npm upgrade -g @angular/cli
17

кроме @ShinDarth ответ.

Я сделал то, что он сказал, но мой пакет не обновляется угловой вариант, и я знаю, что этот пост о angular-cli, но я думаю, что это может тоже помочь.

  • Итак, после выполнения того, что @ShinDarth сказал выше, чтобы исправить мою угловую версию, мне пришлось создать новый проект с -ng new projectname, который сгенерировал пакет.
  • скопируйте новый пакет, а затем вставьте новый пакет во все необходимые пакеты проектов обновление (не забудьте добавить зависимостей и изменить имя на первой строке), или вы можете просто изменить версии вручную без копирования и вставки.
  • затем запустите -npm install.

теперь мой ng serve снова работает, может быть, есть лучший способ сделать все, что, если кто-то знает, пожалуйста, поделитесь, потому что это боль, чтобы сделать все проекты, которые нуждаются в обновлении.

12

следующий подход работал для меня:

npm uninstall -g @angular/cli

затем

npm cache verify

затем

npm install -g @angular/cli@latest

Я работаю на Windows 10, иногда приходилось использовать: npm cache clean --force как хорошо. Вам не нужно делать, если у вас нет никаких проблем во время установки.

7

обновить угловой CLI в новой версии, необходимо обновить как глобальный пакет и пакет вашего проекта.

глобальный пакет:

npm uninstall -g @angular/cli
npm cache clean
# if npm version is > 5 then use `npm cache verify` to avoid errors (or to avoid using --force)
npm install -g @angular/cli@latest

локальный проект пакет:

rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
npm install --save-dev @angular/cli@latest
npm install

источник: Github

6

все, что вам нужно сделать, это diff с angular-cli-diff и применить изменения в текущий проект.

вот шаги:

  1. скажем, вы идете от 1.4. до 1.5 тогда вы делаете https://github.com/cexbrayat/angular-cli-diff/compare/1.4.0...1.5.0
  2. нажать на кнопку File changed tab
  3. применить изменения к текущему проекту.
  4. npm install/yarn
4

в моем случае я установил angular-cli локально с помощью npm install --save-dev angular-cli. Итак, когда я использую команду npm install-g @angular/cli, она генерирует ошибку, говоря, что " ваша глобальная угловая версия CLI (1.7.3) больше, чем ваша локальная версия (1.4.9)". Обратите внимание, что угловые-интерфейс командной строки, @угловое/CLI и @угловое/ЦПИ@последний два разных Кинк же. Что решает это-удалить все cli, а затем установить последний угловой cli с помощью npm install-g @angular / cli@latest

3