Angular 7:没有编译错误,但屏幕空白

时间:2019-02-06 16:02:37

标签: javascript angular debugging

我已经在Angular应用程序上工作了几个月,最近我开始看到一种情况,该应用程序编译时没有错误,但是当它重新加载到Chrome中时,只有一个空白屏幕。另外,控制台中没有错误。当我查看标记时,可以看到我的根组件的标记,但是没有其他东西呈现。我相当确定我不应该看到根组件的标签,而应该看到呈现的HTML,对吗?因此,它会加载index.html,然后在没有任何迹象表明可能出现问题的情况下进行筛选。我一直在尝试将组件移出app.module并移入功能模块以进行清理,但是当我撤消这些更改时,仍然无法加载该应用程序。我尝试停止并重新启动实时开发服务器,但仍然没有任何乐趣。

我会在这里发布代码,但是此应用程序中有很多代码,我不知道问题出在哪里。为什么Angular会拒绝渲染而没有任何编译或控制台错误,也没有任何迹象表明我可以解决此问题?如果有人知道我可以从哪里着手,我将很乐意发布代码。

仅供参考,我使用的是Angular CLI 7.2.3,Angular 7.2.2。我正在使用Windows 10计算机上的最新更新在Visual Studio Code中进行开发。我还应该说这在开发过程中已经发生过几次,但是我始终能够找出导致问题的原因。

1 个答案:

答案 0 :(得分:1)

根据要求,这是我的答案。考虑到我从事Web开发已有20多年了,这有点令人尴尬,但是我忘记了我已经禁用了Chrome调试器设置中的某些选项。因此,当我收到空白屏幕时,Angular WAS发送错误,我只是看不到那些错误,因为我已禁用它们。将选项重置为Chrome的默认设置后,我能够看到所有导致页面无法呈现的错误。当我在IE Edge中加载应用程序并能够在控制台中看到错误时,我意识到了这一点。我认为如果IE向我显示错误,则必须在Chrome中将其禁用。