使用SystemJS将Angular 2升级为Angular 7
我必须用SystemJS将Angular 2应用程序更新为Angular的最新版本,目前是Angular 7。它还缺少Angular CLI,我想将其添加到项目中,因此有两个大的变化 我读过: 但是里面没有关于SystemJS的内容 也请阅读本文,但它仅与SystemJS有关: 那么,完成这项任务的最佳顺序是什么?用AngularCLI从头开始Angular7项目,粘贴文件并修复问题?逐步升级angular,然后将SystemJS更改为AngularCLI?首先将SystemJS更改为AngularCLI,然后升级Angular版本使用SystemJS将Angular 2升级为Angular 7,angular,angular-cli,upgrade,systemjs,Angular,Angular Cli,Upgrade,Systemjs,我必须用SystemJS将Angular 2应用程序更新为Angular的最新版本,目前是Angular 7。它还缺少Angular CLI,我想将其添加到项目中,因此有两个大的变化 我读过: 但是里面没有关于SystemJS的内容 也请阅读本文,但它仅与SystemJS有关: 那么,完成这项任务的最佳顺序是什么?用AngularCLI从头开始Angular7项目,粘贴文件并修复问题?逐步升级angular,然后将SystemJS更改为AngularCLI?首先将SystemJS更改为Angul
谢谢。从角度2到角度7,情况变化很大。我认为最好的办法应该是:
- 安装
,并学习命令angular cli
李>ng
- 使用
和其他参数创建默认项目,如ng new
(如果使用scss)、--styles scss
(如果使用routing)和其他参数,具体取决于旧项目的使用情况--routing true
- 比较你创建的项目,和你的旧项目,目录结构改变了很多,你应该知道哪个文件夹是源代码,哪个文件夹是单元测试,哪个文件夹是e2e测试李>
- 删除由
命令创建的项目的ng
文件夹中的所有源代码(*.ts、*.html、*.scss或*.css)李>src/app
- 将旧项目的代码复制到新项目的相应文件夹中李>
- 安装旧项目的npm包李>
- 尝试使用
构建您的项目,并修复任何错误李>ng build
- 然后使用
构建您的项目,并再次修复所有错误李>ngbuild--prod
- 如果您可以构建项目,请尝试
为其提供服务,然后导航到ng serve
使用浏览器,查看发生了什么http://127.0.0.1:4200
从angular 2升级到angular 7可能是一个巨大的挑战,祝你好运 我已经看过了。SystemJS根本没有帮助。SystemJS只是一种为您的文件提供服务并将它们映射到您的客户端和服务器之间的方法。Angular CLI通过捆绑处理此taks。只需添加Angular CLI,然后按照以下步骤进行升级。这就是为什么你应该在很久以前逐步升级,而不是从v2升级到v7的原因:你的经历将是痛苦的。谢谢!因此,使用angular CLI创建一个新项目,并开始在新结构中复制旧项目并修复错误。:)