尝试将 Angular 更新到 13 破坏了一堆东西，现在尝试返回 Angular 11 怎么办？

Question

首先，我是唯一一个参与这个项目的人，所以我们可以完全摧毁除了代码之外的所有东西。

我已经尝试过类似的操作，但没有效果，

npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@11

当我尝试运行 ngserve 时，

bullshit@ChristohersMBP2 decksite % ng serve
This version of CLI is only compatible with Angular versions ^13.0.0,
but Angular version 12.2.16 was found instead.

Please visit the link below to find instructions on how to update Angular.
https://update.angular.io/

当前情况是这样的，我所做的稍微有用的就是恢复到项目中的旧提交，但现在这不再是一个选择。

所以我的想法是清除我的 package.json 并删除 package-lock.json 并删除 node_modules

并尝试再次安装 Angular 11 cli （以及我需要的所有其他 npm 库，因为我不再填充 package.json。

或者更好的是从较旧的提交中获取 package.json 因为这仍然是一个选项，然后执行无论我必须在本地做什么才能完全擦除所有内容删除当前的 package.json 、 package-lock.json、node_modules 并运行 npm uninstall 上的所有内容？我不知道我必须做什么才能擦除。

将新的 package.json 放入我的 Angular 项目中，然后点击

看起来像的 npm install 命令。非常好的解决方案，我打对地方了吗？

Answer 1

我通常通过 (ng update) 执行以下操作：

1. 确保您完全投入并正常工作。创建一个分支“angular_13_update”
2. 运行 ng update，它将返回一份要更新的内容的报告。
3. 我通常根据列表进行 npm install @angular/x, y, z 。
4. 看看进展如何。使用第 3 方的东西有时会导致一些投诉。 --force 有时可以完成该部分。
5. 如果该位成功，则测试构建并查看结果是什么。

我相信从 11 点到 13 点，您将会看到 Webpack 5 更新和其他重大更改。因此，根据您拥有的第 3 方 ie commonjs 样式包的数量，您可能需要使用架构师->构建->选项来调整您的 angular.json 文件：

"allowedCommonJsDependencies": [
                            "uuid",
                            "ulid",
                            "url",
                            "lodash/get",
                            "lodash/isEmpty",
                            "lodash/isEqual",
                            "@aws-amplify/core",
..etc