Angular 6 마이그레이션 -.angular-cli.json에서 angular.json으로

Angular 6 마이그레이션 -.angular-cli.json에서 angular.json으로

---

내 프로젝트를 Angular 6으로 업그레이드 .angular-cli.json파일 변환을 사용하는 것이 좋습니다 . 내가 따라 간 가이드에서 자동으로 변환된다.

npm install -g @ 각도 / cli

npm 설치 @ angular / cli

@ angular / cli 업데이트

그러나 나는 여전히 오래된 것이 있기 때문에 존재합니다. .angular-cli.json

자동 / 수동으로 할 수있는 방법이 있습니까?

---

가능성이 높은 가능성이 있습니다. 나를 위해 먼저 실행 npm install -g @angular-devkit/core한 다음 명령을 실행해야합니다.

npm install -g @angular/cli

npm install @angular/cli

콘솔 출력에 npm install @angular/cli다음이 표시되어야합니다.

================================================================================
The Angular CLI configuration format has been changed, and your existing configuration can
be updated automatically by running the following command:

  ng update @angular/cli
================================================================================

그런 다음 분명히 실행 ng update @angular/cli하여 프로세스를 완료 해야합니다 .

자세한 내용은 공식 업데이트 가이드 를 참조하세요.

---

각 CLI 명령 줄 도구 v6.xx을 사용하는 이상 경우 아래 명령을 사용하여 기존 angular-cli.json파일을 angular.json파일로 자동 업데이트 할 수 있습니다 .

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

위의 명령 1.7.4에서 사용했던 이전 cli 버전이 있습니다. --migrate-only플래그는 만 업그레이드를 수행하지만 업데이트하지 않습니다.

더 읽기 : 각도 / cli-github

---

" ng update @ angular / cli "를 두 번 실행하면 angular-cli.json이 angular.json으로 업데이트됩니다.

최신 정보 :

다음과 같은 오류가 발생하는 경우 :

오류 : 지정된 명령 업데이트가 유효하지 않습니다. 사용 가능한 옵션은 ng-help를 참조하십시오.

그런 다음 다음과 같이 2 개의 명령을 실행해야합니다.

1. npm install --save-dev @ angular / cli @ latest.
2. @ angular / cli 업데이트

그러면 자동으로 angular.json이 생성되고 .angular-cli.json이 삭제되고 karma.conf.js, src / tsconfig.spec.json, package.json 및 tslint.json이 업데이트됩니다.

---

버전을 5.2에서 6.0으로 업그레이드하기 위해 다음 단계를 따랐습니다.

• Node 8 이상을 설치하십시오.
• 원사 글로벌 추가 @ 각도 / cli.
• 원 사는 @ 앵귤러 / cli를 추가합니다.
• @ angular / cli를 업데이트합니다.

• @ angular / core를 업데이트합니다.

  : ng update @ angular / core 명령 을 실행 한 후 잘못된 범위 문제가 발생하면 아래에 따라 package.json 의 메이저 버전 을 교체하면 자동으로 마이너를 교체합니다. 리소스 : Angular v5에서 Angular v6으로 프로젝트를 업그레이드하고 싶습니다 .

    - npm uninstall -g angular-cli
    - npm cache clean or npm cache verify
    - npm install -g @angular/cli@next
    - then, replace lower versions to higher versions in package.json 
      file.
    - delete node modules folder.
    - run npm/yarn install.
  

npm install 후 src / styles 경로 누락 오류가 발생하면 [ "src / styles", "src / fonts", "src / images", "src에서 assets 블록 아래의 angular.json 파일에 지정된 경로를 제거하십시오. / asset ","src / favicon.ico "]를 ["assets ","favicon.ico "]로 변경합니다.

• yarn global add rxjs-tslint (필요함).
• rxjs-5-to-6-migrate -p src / tsconfig.app.json (필요할 수 있음).
• yarn install @ angular / material @ 6.0.0 (재료 패키지 업데이트).

=> 주의 이름을 변경할 필요가 없습니다. angular.cli.json 에 angular.json 수동으로!

** 추가 문의 사항이 있으면

---

다음 단계를 수행하십시오.

1) Angular CLI를 전역 및 로컬로 업데이트합니다 (최신 버전이 7이라고 가정).

2) 이전 프로젝트를 가져 와서 다음 명령을 실행하십시오.

• npm 설치 @ angular / cli
• @ angular / cli 업데이트

이것을 실행 한 후 모든 각도 패키지를 최신 버전으로 업데이트했습니다.

3) 아직 누락 된 패키지를 추가합니다.

npm install @ angular-devkit / core --save -dev

4) ng serve (최신 버전)로 새로운 프로젝트 생성

5) 이름이 angular.json 인 새 빈 파일을 만들고 새 프로젝트에서 angular.json의 내용을 여기에 복사합니다.

6) angular.json에서 그에 따라 프로젝트 이름을 업데이트하십시오.

7) npm 설치 실행

8) 서브 실행

9) 이제 최신 버전의 angular를 사용할 준비가되었습니다.

위의 단계에 따라 angular2에서 angular7로 마이그레이션했습니다.

---

경우 :
로컬 작업 공간 파일 ( 'angular.json')을 못쓰게 만들었습니다.
또는
serve 명령을 Angular에서 실행해야하지만 프로젝트 정의를 프로젝트 수 없습니다.

원하는 버전으로 업그레이드 / 다운 그레이드 (예 : Angular 6 시도)

[sudo] npm install -g -f @angular/cli@6.1.4

로컬 프로젝트 업데이트

ng update @angular/cli@6.1.4

그리고 당신은 갈 수 있습니다 :)

ng serve

---

이 스크린 샷에 CLI를 업데이트하는 명령을 실행하기 전에 모든 변경 사항을 커밋하거나 숨겨야했습니다.

다음 명령을 수행했습니다.

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

ng update@angular/cli

그리고이 둘 사이의 변경 사항을 커밋합니다.

참고 URL : https://stackoverflow.com/questions/50232874/angular-6-migration-angular-cli-json-to-angular-json