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