web-dev-qa-db-ja.com

更新方法Angular 7 to Angular 8 by ng update

ターミナルでng update @angular/cli @angular/coreを実行して、AngularプロジェクトをコアフレームワークとCLIのバージョン7.2.5から8に更新してみます。

端末からの応答は、「package.jsonを分析したところ、すべて順調に進んでいるようです。よくできました！'

私のバージョンリスト：

$ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.3.9
Node: 11.14.0
OS: darwin x64
Angular: 7.2.15
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.13.9
@angular-devkit/build-angular      0.13.9
@angular-devkit/build-ng-packagr   0.13.9
@angular-devkit/build-optimizer    0.13.9
@angular-devkit/build-webpack      0.13.9
@angular-devkit/core               7.3.9
@angular-devkit/schematics         7.3.9
@angular/cdk                       7.3.7
@angular/cli                       7.3.9
@angular/material                  7.3.7
@ngtools/json-schema               1.1.0
@ngtools/webpack                   7.3.9
@schematics/angular                7.3.9 (cli-only)
@schematics/update                 0.13.9
ng-packagr                         5.2.0
rxjs                               6.5.2
TypeScript                         3.2.4
webpack                            4.29.0
angularangular-cliangular-upgrade
3
ErikHer

次のコマンドを実行して、コアフレームワークとCLIをバージョン8に更新します。

ng update @angular/cli@8 @angular/core@8ターミナル

0
Manoj Gupta

繰り返すなら

ng update @ angular/cli @ angular/core

次のステップ、つまり8にアップグレードされます

0
Sunil Kumar

ng updateコマンドに関する他の回答に加えて、注意が必要なAngularバージョン7と8の間には重大な変更があることに注意してください。

特に：

  • 従来のHttpModuleおよびHttpサービスを使用している場合は、HttpClientModuleおよびHttpClientサービスに切り替えます。 HttpClientは、デフォルトのエルゴノミクスを簡素化し（JSONにマップする必要がなくなりました）、型付きの戻り値とインターセプターをサポートするようになりました。 angular.io の詳細をご覧ください。
  • ノード10以降 を使用していることを確認してください。

Angularはこのプロセスを Angular Update Guide で詳しく説明しています。

0
Alex Walker