博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular5升级至Angular7
阅读量:7230 次
发布时间:2019-06-29

本文共 1418 字,大约阅读时间需要 4 分钟。

根据升级建议,应该先从Angular 5升级至Angular 6,再从Angular 6升级至Angular 7。

本文内容“升级前-升级”适用于想从Angular 5升级至Angular 6的小伙伴;

本文内容“升级后”适用于想从Angular 6升级至Angular 7的小伙伴;

ng --version可查看当前版本

升级前

1.HttpModule和Http Service 切换到 HttpClientModule和HttpClient Service

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

HttpClient有几个特性:

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

具体可以参考:

2.如果有从@ angular / core导入任何动画服务或工具,则应从@ angular / animations导入它们

3.ngOutletContext替换为ngTemplateOutletContext

4.CollectionChangeRecord替换为IterableChangeRecord

升级

1.确保使用的是

2.升级Angular CLI(全局和本地)

npm install -g @angular/clinpm install @angular/cling update @angular/cli

可在每行后面加@你想要的版本号,例如:npm install -g @angular/cli@6.0.0,以升级至Angular6。

3.迁移配置到当前版本的angular.json

ng update @angular/cli --migrate-only --from=1

ps:Angular5以下的配置文件名是angular-cli.json

4.升级Angular框架包到v6,以及升级RxJS和TypeScript。

ng update @angular/core

5.使用ng update查看更新情况

如果仍有需要更新的内容,会显示当前版本号和最新版本号的对比。

升级后

使用rxjs-tslint自动更新规则删除已弃用的RxJS 6功能

对于大多数应用程序,这将意味着运行以下两行命令:

npm install -g rxjs-tslint

rxjs-5-to-6-migrate -p src/tsconfig.app.json


~~以下是彩蛋放送~~

卸载并安装指定版本Angular(降级)

升级后报了一堆错暂时解决不了,想降回原来的版本,怎么办?

1.卸载当前版本的Angular cli

npm uninstall -g @angular/clinpm uninstall @angular/cli

2.清除缓存,确保卸载干净

npm cache verify

无法卸载?强制执行:npm cache verify --force

卸载完记得ng --version确认一下哦

3.安装指定版本

npm install -g @angular/cli@1.7.4npm install @angular/cli@1.7.4

这个版本对应的是angular 5.2.11


【参考资料】

声明:本文原创,转发请注明出处,谢谢~

转载地址:http://mwvfm.baihongyu.com/

你可能感兴趣的文章
RAID浅谈
查看>>
Map接口
查看>>
IntelliJ IDEA 使用教程
查看>>
『高级篇』docker之服务发现、部署更新和扩容(七)
查看>>
『高级篇』docker之了解CICD和DevOps(41)
查看>>
shell内置命令和外部命令区别
查看>>
AD域管理浅谈
查看>>
包含目录、库目录、附加包含目录、附加库目录、附加依赖项
查看>>
Apache+SVN+Review Board代码审核服务器搭建流程
查看>>
esproc vs python 5
查看>>
分布式系统下的哈希一致性算法设计
查看>>
NFS存储服务部署(上)
查看>>
dd测试硬盘性能
查看>>
DNS设置
查看>>
linux的SELinux的设置及防火墙服的设置
查看>>
awk的数组的应用
查看>>
java----调用windows的DOS命令并回显/启动和关闭appium
查看>>
linux下配置ip地址四种方法(图文方法)转载
查看>>
Google Chrome 总提示flash插件过期,用命令行模式解决
查看>>
定位与坐标系算法
查看>>