각도 2(npm)를 최신 버전으로 올바르게 업그레이드하려면 어떻게 해야 합니까?

각도 2(npm)를 최신 버전으로 올바르게 업그레이드하려면 어떻게 해야 합니까?

최근에 저는 https://angular.io/docs/ts/latest/tutorial/ 에서 Angular 2 튜토리얼을 시작했습니다.

Angular 2 베타 8로 끝냈습니다.이제 튜토리얼을 다시 시작했고 최신 베타는 베타 14입니다.

단순히 dpm 업데이트만 하면 일부 모듈(튜토리얼에 사전 로드됨)은 업데이트되지만 Angular2(npmls로 확인할 수 있음)는 업데이트되지 않습니다.

제가 dpm 업데이트 각 2 또는 npm 업데이트 각 2@2.0.0beta.14를 수행해도 아무 것도 수행하지 않습니다.

npm update -D && npm update -S는 내의모패업합다니데트이에 있는 합니다.package.json정의된 버전 범위에 따라 최신 버전으로 변경할 수 있습니다.당신은 여기에서 그것에 대해 더 읽을 수 있습니다.

이전 에서 Angular를 합니다.2.0.0-rc.1 다음 으로 편집해야 package.jsonAngular가 여러 npm 모듈로 분할되었기 때문입니다.이것이 없으면 각2 패키지가 가리키는 것처럼2.0.0-beta.21Angular의 최신 버전은 절대 사용할 수 없습니다.
시작해야 하는 가장 일반적인 모듈 목록은 빠른 시작 저장소에서 찾을 수 있습니다.

주의:

• 패키지의 최신 버전을 최신 상태로 유지하는 가장 좋은 방법은 오래된 패키지와 필요한 패키지 및 최신 버전을 모두 표시하는 것입니다.

• 의 명령어를 는, 우가두개묶하이는유는야리어을,npm update -D그리고.npm update -S이 버그가 해결될 때까지 극복하는 것입니다.

Angular2의 에서 Angular2로 때또 멋진 는 Angular2에서 Angular2로 합니다.Angular2 2.0.0 final이라npm-check-updates

package에 됩니다.json에 지정된 모든 패키지의 사용 가능한 최신 버전이 표시됩니다.와대적로으와 으로.npm outdated패키지를 편집할 수도 있습니다.json, 사용자가 할 수 있도록 설정npm upgrade

설치하다

sudo npm install -g npm-check-updates

사용.

ncu

ncu -u패키지를 다시 작성해 주셔서 감사합니다.제이손

최신 Angular 5로 업그레이드

패키지: Angular Dep 패키지:npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router}@latest --save

cli Angular CLI에 는 다음과 .npm install --save core-js@latest rxjs@latest zone.js@latest

패키지: Angular Dev 패키지:npm install --save-dev @angular/{compiler-cli,cli,language-service}@latest

패키지: 개발패유형지:npm install --save-dev @types/{jasmine,jasminewd2,node}@latest

cli에 : 각CLI 해의 devdev 설키 패지 npm install --save-dev codelyzer@latest jasmine-core@latest jasmine-spec-reporter@latest karma@latest karma-chrome-launcher@latest karma-cli@latest karma-coverage-istanbul-reporter@latest karma-jasmine@latest karma-jasmine-html-reporter@latest protractor@latest ts-node@latest tslint@latest

Angular CLI에서 사용하는 최신 지원 버전을 설치합니다(@latest를 수행하지 않음). npm install --save-dev typescript@2.4.2

angular-cli.json 파일의 이름을 .angular-cli.json으로 바꾸고 내용을 업데이트합니다.

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "project3-example"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "src/tsconfig.spec.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "e2e/tsconfig.e2e.json",
      "exclude": "**/node_modules/**"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

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

때때로 당신은 추가하고 싶을지도 모릅니다.--force플래그. 이 방법으로 설치한 유형 스크립트의 버전이 현재 각 버전에서 지원되는지 확인하십시오. 그렇지 않으면 유형 스크립트 버전을 다운그레이드해야 할 수 있습니다.

또한 이 가이드를 확인하십시오. Angular 프로젝트 업데이트

---

bash 사용자 전용

사용 중인 경우Mac/Linux bash를 할 때 를 실행할 수 있습니다.Windows.)Windows CMD) 할 수

npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router,compiler-cli}@4.4.5 --save

yarn add @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router,compiler-cli}@4.4.5

@4.4.5와 같이 원하지 않는 버전을 지정하거나 최신 버전을 얻으려면 @latest를 입력하십시오.

를 확인해 .package.json당신이 모든 것을 업데이트하고 있는지 확인하기 위해.@angular/*이

• 한 확하게보기.@angular프로젝트 실행 버전:
  npm ls @angular/compiler또는yarn list @angular/compiler
• 안정적인 상태를 @angular실행에서 할 수 있는 : npm 실행가능버전:
  npm show @angular/compiler version

공식 npm 페이지는 글로벌 시나리오와 로컬 시나리오 모두에 대해 각도 버전을 업데이트하는 구조화된 방법을 제안합니다.

1.먼저 시스템에서 현재 각도를 제거해야 합니다.

npm uninstall -g angular-cli
npm uninstall --save-dev angular-cli
npm uninstall -g @angular/cli

2.캐시 정리

npm cache clean

편집

@candidj가 지적한 바와 같이.

npm cache clean이름이 로 변경됩니다.npm cache verify 5부터 5부터오.

3.각도 전체적으로 설치

npm install -g @angular/cli@latest

4. 로컬 프로젝트 설정(있는 경우)

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

아래 링크에서도 동일한 내용을 확인하십시오.

https://www.npmjs.com/package/ @http/cli#http-session-cli

이것으로 문제가 해결될 것입니다.

npm-upgrade를 사용한 대체 접근 방식:

1. npm i -g npm-upgrade

프로젝트 폴더로 이동

2. npm-upgrade check

패키지를 업그레이드할지 묻는 메시지가 표시됩니다. 예를 선택합니다.

간단합니다.

를 Windows에서 할 수 .powershell.exe:

foreach($package in @("animations","common","compiler","core","forms","http","platform-browser","platform-browser-dynamic","router")) {
    npm install @angular/$package@latest -E
}

또한 사용하는 경우cli다음을 수행할 수 있습니다.

foreach($package in @('animations','common','compiler','core','forms','http','platform-browser','platform-browser-dynamic','router', 'cli','compiler-cli')){
    iex "npm install @angular/$package@latest -E $(If($('cli','compiler-cli').Contains($package)){'-D'})";
}

가 정확하게되고 CLI의 됩니다.devDependencies(-D)

여기서부터 시작하십시오.

https://update.angular.io

사용 중인 버전을 선택하면 단계별 가이드가 제공됩니다.

모든 단계를 보려면 '고급'을 선택하는 것이 좋습니다.복잡성은 상대적인 개념입니다. 이 기능이 누구의 멍청한 아이디어였는지는 모르겠지만, 'Basic'을 선택하면 필요한 모든 단계가 표시되지 않고 'Basic' 응용 프로그램에서 사용 중인 중요한 것을 놓칠 수 있습니다.

명령어인 Angular CLI 명령어가 새로 되었습니다.ng update 관계를 검사를 하는 것 신의의존지검올고바토것른을있다고는확지니 :-)

단계별로 사용 방법을 개략적으로 설명합니다 :-)

npm 제거 --save-devangle-cli

npm install --save-dev @dev @debs/cli@debs

ng 업데이트 @vmdk/cli

ng update @dump/core --force

ng update @pmodule/material 또는 npmi @pmodule/cdk@6 @pmodule/material@6 --save

npm 설치 유형script@'>=2.7.0 <2.8.0'

가장 좋은 방법은 확장(pflannery.vscode-versionlens)을 vsode로 사용하는 것입니다.

이는 모든 만족도를 검사하고 최적 적합도를 검사합니다.

나는 내 앱을 업데이트하고 작동하는 유닛을 유지하는 데 많은 문제가 있었습니다. 나는 상세 라이센스로 확인하고 실행했습니다.

npmi

새로 제안된 종속성을 설치합니다.

만약 당신이 단지 당신의 프로젝트를 최신으로 업데이트하는 것에 대해 나처럼 보인다면, 이것들은 Angular 6 이후로 나에게 효과가 있는 것입니다.

폴더에서 .If you type: ng update그러면 다음과 같은 메시지가 표시됩니다.

        We analyzed your package.json, there are some packages to update:

          Name                               Version                  Command to update
         --------------------------------------------------------------------------------
          @angular/cli                       7.0.7 -> 7.2.2           ng update @angular/cli
          @angular/core                      7.0.4 -> 7.2.1           ng update @angular/core

There might be additional packages that are outdated.
    Run "ng update --all" to try to update all at the same time.

그래서 저는 보통 똑바로 가서 다음을 합니다.

ng update --all

마지막으로 새 버전을 확인할 수 있습니다.

ng version

Angular CLI: 7.2.2
Node: 8.12.0
OS: win32 x64
Angular: 7.2.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.12.2
@angular-devkit/build-angular     0.12.2
@angular-devkit/build-optimizer   0.12.2
@angular-devkit/build-webpack     0.12.2
@angular-devkit/core              7.2.2
@angular-devkit/schematics        7.2.2
@angular/cli                      7.2.2
@ngtools/webpack                  7.2.2
@schematics/angular               7.2.2
@schematics/update                0.12.2
rxjs                              6.3.3
typescript                        3.2.4
webpack                           4.28.4

언급URL : https://stackoverflow.com/questions/36597780/how-do-i-correctly-upgrade-angular-2-npm-to-the-latest-version