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

Question

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

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

Answer 1

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

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

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

我会推荐 typescript 作为避免将来出现此类错误的好工具。 在我看来，尽管为新开发人员上手并不是一件容易的事，但从长远来看，这是值得的。