angular4平滑升级到angular6

 

1.当前node版本是否为8以后的版本，低版本不支持angular6

 

2.确保angular/cli是最新版本6.0.8,angular对应生成6.0以上版本；

　　npm install -g @angular/cli    全局安装

　　npm uninstall --save-dev angular-cli 

　　npm install --save-dev @angular/cli@latest

　　ng update @angular/cli        更新cli ，生成angular.json文件，环境已经配置好；

　　 ps:须要删除当前项目中的package-lock.json，不然下载cli会报错

 

3.更新核心模块

ng update @angular/core

 

4.更新rxjs检测

npm install -g rxjs-tslint

 

5.检查rxjs-compat是否存在，若存在，则进行下一步；

 

6.rxjs由5升级到6版本

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

 

7.确保项目运行为问题，移除rxjs-compat（不移除貌似也没啥影响）

 

8.运行，肯定运行问题：

若使用ui框架为ng-zorro，则须要考虑其样式路径引入问题，修改成node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css

模块import导入路径问题；

 

ng6相关连接：

https://blog.csdn.net/tech_wang/article/details/80401357

 

相关连接：

https://update.angular.io/

https://blog.csdn.net/idomyway/article/details/79104778

https://github.com/angular/angular/blob/master/CHANGELOG.md#600-2018-05-03