javascript - Angular 7：没有编译错误，但屏幕空白

Question

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

我会在这里发布代码，但是这个应用程序中有大量代码，我不知道问题出在哪里。为什么 Angular 会拒绝渲染而没有任何编译或控制台错误，或者没有任何迹象表明我可以做些什么来解决这个问题？如果有人知道我可以从哪里开始寻找，我会很乐意发布代码。

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

标签： javascriptangulardebugging

Answer 1

根据要求，这是我的答案。这有点尴尬，因为我已经做了 20 多年的 Web 开发，但我忘记了我在 Chrome 调试器设置中禁用了一些选项。所以当我看到空白屏幕时，Angular WAS 发送错误，我只是看不到这些错误，因为我禁用了它们。一旦我将 Chrome 的选项重置为默认值，我就能看到导致页面无法呈现的所有错误。当我在 IE Edge 中加载应用程序并能够在控制台中看到错误时，我意识到了这一点。我想如果 IE 向我显示错误，我一定在 Chrome 中禁用了它们。