在Angular中捕获模板错误

Question

因此在Angular应用程序中，如果您的TS文件中存在诸如拼写错误的功能的情况-TSLint插件将捕获该错误，并在您重新编译应用程序时在终端控制台中显示错误。

但是我还没有找到可以对Angular中的HTML文件执行类似操作的功能。例如，在模板中调用的拼写错误或不存在的函数在组件中不存在。我的应用程序中每天都有很多代码在更改，但是我注意到有时我们不能赶上HTML错误，尤其是HTML中不存在的功能。真正有帮助的是，如果我在每次重新编译后都看到此类HTML错误。

有没有人知道适当的解决方案，它会在每次重新编译后告诉您HTML错误？

我正在运行Angular 6应用

Answer 1

您应该为此thread。 Visual Studio Code，Atom或其他编辑器有多个插件/扩展。这将在编码时突出显示模板中的错误。

在进行实际构建时，编译器和开发服务器应注意将错误通知您。

Answer 2

编译模板时通常会捕获

Template parse errors。运行ng serve时，默认行为是加载即时Angular编译器。模板加载后将对其进行编译。

要通过静态编译进行计算，您需要使用Ahead of Time Compilation。这可以通过在命令末尾添加--aot来调用，例如

ng build --aot

您可以进一步配置AOT以进行深入的类型检查-请参阅the documentation以了解更多信息。

生产版本将为您自动进行AOT编译（即ng build --prod）。