将旧的 Angular 代码库更新到最新版本 (v15)

Question

我正在寻找将 angular 应用程序从 v7 更新到 v15 的最不痛苦的方法。 我已经开始使用它，它是一个相当大的代码库，其中包含大量已弃用的包和实现。 有没有更简单的方法到 go 关于这个？ 谢谢您的回答！

我用了

ng update @angular/cli

也为核心 angular 模块做了。 它真的很多，我想看看是否有更简单的方法。

Answer 1

实际上，您可以全新安装 angular 应用程序。 之后，继续 go 并将您拥有的模块迁移到新模块中。 这很棘手，但您可能必须注意包裹

Answer 2

更新如此大的步骤的最佳方法是将其一步步简化为更简单的步骤。

我总是使用角度更新指南来获取所有推荐和需要的更改： https ://update.angular.io/

如果您使用本指南并按主要版本更新主要版本，那么对您来说应该更容易。

Answer 3

我最近更新了我们的 Angular 应用程序（相对简单的应用程序）：从 v11 到 v12，没有实际问题，然后从 v12 到 v13，没有实际问题，然后从 v13 到 v14。 唯一的缺陷是新推出的 Cypress e2e 测试工具。

目前，我正在研究 v14 到 v15，这是一个巨大的变化，因为大部分材料组件已更改为新的“独立”架构（不确定如何称呼它）。 按照更新指南，第一部分进展顺利。 我只有一些 ESLinter TypeScript 问题。 报告很多隐含的any定义。

但这次更新只做了 Angular，并且仍然使用 Angular v14 材质组件的遗留代码。 在迁移指南中，有一条更新材料组件的说明。

最后一步，更新材料组件，破坏了我的完整应用程序。 我无法再构建，单元测试失败，样式问题和 Cypress 测试失败。 原因：模块代码导入哪里去了， @NgModule()受到影响。 赛普拉斯抱怨输入字段被阻止查看......

我可以说，就我而言，v15 很难。