TypeError：无法读取未定义的属性'of'

Question

我已将 Angular CLI 更新到版本 11.1.2， 但是在成功构建后，我在浏览器控制台中出现以下错误。

老实说，我无法弄清楚问题是什么，如果有人发生了请帮助我。

Answer 1

如果您在没有优化/最小化的情况下构建，则更容易找到错误。 尝试为开发环境而不是生产环境构建和服务。你如何做到这一点取决于你的设置。你可能有一个 dev 和一个 prod 脚本。否则，您可以将 --optimization 设置为 false（或将其删除，使其默认为 false）。

您看到的错误是因为您试图从值为undefined 的变量访问名为of 的属性。

也许在您的源代码中搜索.of 会为您指明正确的方向。点之前的变量应该是导致问题的原因，因为它的值是未定义的。 确保编写代码来处理未定义的情况。

我会推荐 typescript 作为一个很好的工具来避免将来出现类似的错误。虽然为新开发者上手并非易事，但在我看来，从长远来看是值得的。