调试 Angular2 应用程序

Question

我写了一个示例 angular2 组件，其中最初的结束标记 模板中缺少“h2”元素

@Component({
selector:'rx2',
template: `
<div><h2> RX2 component</h2></div>
`
})

在浏览器中执行应用程序时，只有下面的错误描述是 显示在控制台中。

directive_normalizer.js:106未捕获错误：模板解析错误：(…)

因为这是一个只有 1 行模板的小组件， 我能够识别问题并修复它，我的问题是，如果模板更大，是否有更简单的方法来识别此类问题。

Answer 1

您可以使用以下技术

第 1 步 - 点击(...)

第 2 步 - 找出错误