angular4平滑升级到angular6

254 阅读1分钟

升级步骤

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相关链接: blog.csdn.net/tech_wang/a…

相关链接: update.angular.io/ blog.csdn.net/idomyway/ar… github.com/angular/ang…