记NG4 迁移到 NG6 的一次实践

最新推荐文章于 2024-05-17 10:02:43 发布

Arabic1666

最新推荐文章于 2024-05-17 10:02:43 发布

阅读量1k

点赞数

分类专栏： Angular系列文章标签： angular6 angular4 ant-zorro rxjs6 typescript

本文链接：https://blog.csdn.net/Arabic1666/article/details/82313236

版权

本文记录了一次从NG4升级到NG6的实践过程，涉及Angular CLI、Angular核心包、TypeScript、RXJS6的升级步骤及注意事项，包括解决NG-ZORRO兼容性问题和NG6的新标准。详细介绍了如何处理RXJS的迁移、自定义样式和懒加载模块的调整。

摘要由CSDN通过智能技术生成

记NG4 迁移到 NG6 的一次实践

如果在尝试升级过程中遇到问题，欢迎提出。
如果发现本指南存在遗漏/错误，请指出!
或者你遇到了新的问题并解决了，欢迎补充!

原文地址：记NG4 迁移到 NG6 的一次实践
 官方指南：Angular Update Guide

前几天成功把项目从angular4迁移到angular6最新版本。（截止当天Angular最新版本是：6.1.4）

于是做个记录：
思路是更新angular相关核心包到新版本之后，然后再自行修改依赖包的兼容性问题。

Before

在开始之前，请先备份你的项目

确保你的环境满足以下要求

$ node -v
node >= 8.9.0
$ npm -v
npm  >= 5.6.0

删除你项目根目录下的 package-lock.json 文件

Update Angular-Cli

首先更新你的Angular-Cli，请注意保持全局的和当前项目使用的版本一致。

// global
$ npm uninstall -g @angular/cli    // 卸载旧版本cli。
$ npm cache clean                  // 清除缓存，确保卸载干净
// 安装当前最新版本cli V6 (required node.js>=8.9)
$ npm install -g @angular/cli@latest

// local
$ npm install @angular/cli

$ ng update @angular/cli