Angular 5升级到Angular 6

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