Angular 5升级到Angular 6

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



版权声明:著作权归作者所有。

迁移angular/cli配置,可以用这个:
ng update @angular/cli --migrate-only --from=1
相关推荐

解决升级到iOS 11后UIBarButtonItem图片变形的问题

在iOS 10使用UIBarUbttonItem图片显示正常,升级到iOS 11后,图片拉伸变形。这个原因是从iOS 11开始,UIBarButtonItem使用了autolayout 而不是frame。解决方法是,对UIBarButtonItem里的图片按钮添加约束。例如(swift):button.widthAnchor.constraint(equalToCon

[译]Angular 5:升级和新功能的总结

代号为pentagonal-donut的Angular 5刚刚发布,它带来了一些新功能以及一些内部变化,这些会让Angular应用变得更小,执行变得更快。 在这篇文章中,我们将简要介绍一些最重要的变化以及升级指南。 有关更多详细信息,请参阅公告博客帖子,有关所有更改的详细信息,请参阅官方更新日志。性能这是Angular 5包含的一些改变,它会让你的应用变得更

npm升级到最新版本

升级命令很简单npm install npm@latest -g 如果安装失败,可以把node_modules里的包清空后安装

升级angular cli到最新版本

升级angular cli我们可能首先想到的是npm updatenpm update angular-cli -g 但执行完后,使用ng v查看angular cli 的版本,版本仍然为旧的。下面方法可以升级angular cli到最新版本:全局安装升级angular cli到最新的版本需要先卸载