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

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

이 질문의 답은 공동체의 노력입니다.기존 답변을 편집하여 이 게시물을 개선합니다.현재 새 답변이나 상호 작용을 허용하지 않습니다.

용사를 합니다.ng --version내가 받은 것:

@filename/cli: 1.0.0

최신 버전이 아닙니다.

시스템에 Angular CLI를 전체적으로 설치했기 때문에 업그레이드하기 위해 다음을 시도했습니다.

npm update angular-cli -g

그러나 1.0.0 버전으로 유지되기 때문에 작동하지 않습니다.

GitHub 저장소에 보고된 몇 가지 문제를 읽고 해결책을 찾았습니다.

시스템에 전체적으로 설치된 Angular-cli 패키지를 업데이트하려면 다음을 실행해야 합니다.

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

에 시템에따위명앞령다에음추을가야할해다수있니습도스의라▁the▁with다▁▁need있▁▁to▁commands▁you▁above수▁may할을 붙여야 할 수도 있습니다.sudo.

또한 프로젝트 디렉토리 내에서 글로벌 디렉토리보다 높은 우선순위로 선택되므로 로컬 프로젝트 버전도 업데이트해야 합니다.

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

GitHub에서 이것을 지적해 준 grizm0에게 감사합니다.

CLI를 업데이트한 후에는 Angular 버전도 업데이트해야 합니다.

참고: 이전 버전에서 Angular CLI 6+로 업데이트하는 경우 이 정보를 읽어야 할 수 있습니다.

편집: 또한 1.x 버전의 CLI를 사용하는 경우에는angular-cli.jsonangular.json다음 명령으로 수행할 수 있습니다(자세한 내용은 이 항목을 확인하십시오).

ng update @angular/cli --from=1.7.4 --migrate-only

처음 사용자:

npm install -g @angular/cli

업데이트/업그레이드:

npm install -g @angular/cli@latest

확인:

ng --version

또는 각도 14.X +

ng version

설명서를 참조하십시오.

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는 더 이상 사용하지 않습니다.intlpolyfills.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 uninstall -g @angular/cli

그리고나서

npm cache verify

그리고나서

npm install -g @angular/cli

Windows 10에서 작업하고 있으며, 때때로 다음을 사용해야 했습니다.npm cache clean --force뿐만 아니라.설치하는 동안 문제가 없으면 하지 않아도 됩니다.

강력한 명령은 마지막 패키지를 설치하고 대체합니다.

저도 비슷한 문제가 있었습니다.난 그걸 고쳤어.

 npm install -g @angular/cli@latest

그리고.

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

이 명령은 잘 작동합니다.

npm upgrade -g @angular/cli

참고 2023년 2월 22일:최근 출시된 NGVM이라는 훌륭한 툴이 있습니다.
Angular CLI 버전을 유지하는 것이 매우 유용할 수 있습니다.

글로벌 CLI 버전을 관리하는 데 어려움이 있는 경우에는 이를 위한 도구를 사용하는 것이 좋습니다.다음은 몇 가지 옵션입니다.

MAC/Windows 또는 Volta용 NVM

---

Angular 프로젝트에서 로컬 CLI를 업데이트하려면 다음 단계를 수행합니다.

CLI v6부터는 종속성을 새 버전으로 자동 업데이트하기 위해 실행하면 됩니다.

ng update @angular/cli

때때로 당신은 추가하고 싶을지도 모릅니다.--force 깃발

당신은 또한 통과할 수 있습니다.--all플래그를 지정하여 모든 패키지를 동시에 업그레이드합니다.

ng update --all --force

CLI만 마이그레이션하려면 다음을 실행하십시오.

ng update @angular/cli --migrateOnly

플래그를 전달할 수도 있습니다.--from=from " 그레할예버전션이이")--from=1.7.4이 플래그는 업데이트되는 단일 패키지에서만 사용할 수 있으며 마이그레이션에서만 사용할 수 있습니다.

업데이트가 완료된 후 설치한 유형 스크립트의 버전이 현재 각 버전에서 지원되는지 확인합니다. 그렇지 않으면 유형 스크립트 버전을 다운그레이드해야 할 수 있습니다.또한 일반적으로 각의 최신 버전은 유형 스크립트의 최신 버전을 지원하지 않습니다.

Angular CLI / Angular / NodeJS / Typescript여기에 있는 호환성 버전

또한 이 가이드 Angular 프로젝트 업데이트 및 update.angular.io 도 확인하십시오.

---

ANSWER: 예:
angular-cli-diff로 diff를 하고 현재 프로젝트의 변경 사항을 적용하기만 하면 됩니다.

단계는 다음과 같습니다.

1. 1.4에서 1.5로 이동한 다음 https://github.com/cexbrayat/angular-cli-diff/compare/1.4.0 을 수행합니다. 1.5.0
2. 을 클릭합니다.File changed
3. 변경 사항을 현재 프로젝트에 적용합니다.
4. npm install/yarn
5. 모두 테스트npm scripts (자세한 내용은 여기: https://stackoverflow.com/a/45431592/415078)

@ShinDarth 답변 외에도.

나는 그가 말한 대로 했지만 내 패키지는 각진 버전을 업데이트하지 않았고, 이 게시물은 다음과 같은 것으로 알고 있습니다.angular-cli하지만 이것도 도움이 될 수 있다고 생각합니다.

• 그래서 @ShinDarth가 위에서 말한 것을 한 후, 나는 나의 각진 버전을 고치기 위해 새로운 프로젝트를 만들어야 했습니다.-ng new projectname패키지를 생성했습니다.
• 새 패키지를 복사한 다음 업데이트가 필요한 모든 프로젝트 패키지에 새 패키지를 붙여넣거나(사용자가 가지고 있던 종속성을 추가하고 첫 줄에서 이름을 변경할 수 있음) 복사 및 붙여넣기 없이 수동으로 버전을 변경할 수 있습니다.
• 그 다음에 달려라-npm install.

이제 나의ng serve다시 작동하고 있습니다. 아마도 업데이트가 필요한 모든 프로젝트에 대한 고통이기 때문에 이 모든 것을 할 수 있는 더 나은 방법이 있을 수 있습니다.

Angular 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

출처: 깃허브

저의 경우 npm install --save-dev angular-cli를 사용하여 angular-cli를 로컬로 설치했습니다.
명령어를 사용할 때npm install -g @angular/cli다음과 같은 오류가 발생합니다.

글로벌 Angular CLI 버전(1.7.3)이 로컬 버전(1.4.9)보다 큽니다.

angular-cli, @angular/cli 및 @angular/cli@latest는 서로 다른 CLI입니다.
이 문제를 해결하는 것은 모든 CLI를 제거한 다음 최신 각도 클리닝을 설치하는 것입니다.

npm install -g @angular/cli@latest

언급URL : https://stackoverflow.com/questions/43931986/how-to-upgrade-angular-cli-to-the-latest-version