[angular] Angular CLI를 최신 버전으로 업그레이드하는 방법

ng6 +-> 7.0

RxJS 업데이트 (RxJS 6.3에 따라 다름)

npm install -g rxjs-tslint
rxjs-5-to-6-migrate -p src/tsconfig.app.json

없애다 rxjs-compat

그런 다음 핵심 패키지와 Cli를 업데이트합니다.

ng update @angular/cli @angular/core

(선택 사항 : Node.js를 NG7에서 지원되는 버전 10으로 업데이트)

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. 작성 시점에서 Cli 1.6에 지원되는 Typescript 버전은 최대 2.5.3입니다.
2. @next를 사용하면 가능한 경우 패키지가 베타로 업데이트됩니다. @latest를 사용하여 최신 비 베타 버전을 얻으십시오.

전역 및 로컬 패키지를 모두 업데이트 한 후 오류를 방지하기 위해 캐시를 지 웁니다.

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

공식 참조는 다음과 같습니다.

1. Cli 업데이트
2. 핵심 패키지 핵심 패키지 업데이트 .

답변

 npm install -g @angular/cli@latest

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

npm upgrade -g @angular/cli

npm uninstall -g @angular/cli

npm cache verify

npm install -g @angular/cli@latest

ng update @angular/cli

ng update --all --force

ng update @angular/cli --migrateOnly