将 angular 10 升级到 11 - 模板插值不再有效

Question

所以我已经试过几次了，但太忙了，没空跟进。

现在我想迁移到版本 13，当时我正在做 1 个版本。但同样的问题仍然存在（即使我跳到 13）。

当升级到 Angular 11 时，模板插值停止工作，导致所有模板都充满了 {{message}} 之类的东西（控制台中没有错误，其他一切都工作得很好！）

我使用了 Angular 升级功能，它说所有代码都很好，我们只需要新的包。不过，我们运行与 AngularJs 混合，这也意味着我们为 AngularJs 模板编译器、翻译和遗留 jQuery 公开加载使用自定义 webpack 构建器。

我可以提供很多代码片段和文件（如果有人想要特定文件，我会更新我的问题）但希望有人知道这件事而不必粘贴所有配置文件。也许只是有人说，啊，我们也有这个，你需要的就是这一行。

Answer 1

在禁用所有功能并逐步搜索后，我找到了 4 个潜在的罪魁祸首。我把它们都改了，我 99% 确定它是第一个。但是改变所有这4个肯定会解决它。

Angular 更新未正确更新 zone.js 一个新的 angular 11 项目显示您需要 zone.js 0.11.4 而不是 0.10。 3
Angular更新没有正确更新rxjs，一个新的angular11项目显示你需要rxjs 6.6.7
Angular update 确实更新了打字稿，但是一个新的 angular 11 项目表明您需要 rxjs 4.1.6 而不是 4.0.5

Angular.json 没有得到 "aot": true 添加到以下部分

 {
     ...
     "projects": {
         "project-name": {
             ...
             "architect": {
                 "build": {
                     ...
                     "options": {
                         ...
                         "aot": true,

将 angular 10 升级到 11 - 模板插值不再有效

Upgrade angular 10 to 11 - template interpolation no longer working

upgrade

angular