Angular 5升级到Angular 6

时间:2022-12-11 17:51:15

Angular升级建议先到https://update.angular.io,它会根据你选择的原Angular和目标Angular版本给出一些升级建议。

Angular 5升级到Angular 6

升级前

1、如果项目中有用到HttpModule和Http Service,把它们切换到HttpClientModule和HttpClient Service。

HttpClient有几个特性:

  • 不需要调用.json()来映射返回的数据到json格式,默认就是json格式
  • 支持拦截器

具体可以参考:HttpClient

2、如果项目中有使用到<template>标签,把它们替换为<ng-template>

升级

1、与Angular 6匹配的Angular CLI需要用到Node 8 或以上版本

2、升级Angular CLI(全局和本地),迁移配置到罪行的angular.json,执行以下命令:

npm install -g @angular/cli
npm install @angular/cli
ng update @angular/cli

3、升级Angular 6以及升级RxJS, TypeScript到对应的版本

ng update @angular/core

升级后,新版的RxJS和Typescript可能会提示旧代码的错误

4、如果使用了angular material,升级如下:

ng update @angular/material

5、angular cli 6新增了命令ng update

升级后

1、使用rxjs-tslint auto update rules删除已被RxJS 6废弃的特性

大多数情况下可以执行下面两个命令:

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

2、但所有的依赖升级到RxJS 6后, 删除rxjs-compat