Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度7:没有编译错误,但屏幕空白_Javascript_Angular_Debugging - Fatal编程技术网

Javascript 角度7:没有编译错误,但屏幕空白

Javascript 角度7:没有编译错误,但屏幕空白,javascript,angular,debugging,Javascript,Angular,Debugging,我已经在Angular应用程序上工作了几个月了,最近我开始看到一种情况,应用程序编译没有错误,但是当它重新加载到Chrome时,只有一个空白屏幕。此外,控制台中没有错误。当我查看标记时,我可以看到我的根组件的标记,但没有其他内容。我很确定我不应该看到根组件的标记,而是呈现的HTML,对吗?因此它加载index.html,然后在没有任何问题指示的情况下退出。我一直在尝试将我的组件移出app.module并移入功能模块以清理这些内容,但当我撤销这些更改时,我仍然无法加载应用程序。我尝试过停止并重新启

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

我会在这里发布代码,但这个应用程序中有大量代码,我不知道问题出在哪里。为什么Angular拒绝在没有任何编译或控制台错误的情况下进行渲染,或者没有任何指示我可以做些什么来修复这个问题??如果有人知道我可以从哪里开始寻找,我很乐意发布代码


仅供参考,我正在使用Angular CLI 7.2.3和Angular 7.2.2。我正在用VisualStudio代码开发Windows 10计算机上的最新更新。我还应该说,这种情况在开发过程中发生过几次,但我始终能够找出问题的原因。

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

我过去也遇到过同样的问题,在我重组项目时,这是代码中的一个错误。每个Angular应用程序学习过程都经历了将功能分离到不同文件的过程。因此,请仔细检查您的代码和正在进行的更改。第二,这个问题是不是在你开始转换代码之前就出现了?谢谢-不,直到我开始重新构造应用程序,这个问题才开始出现。我知道这是一个学习过程,但作为一个开发人员,很难理解如何调试一个没有错误的问题,甚至可以从哪里开始寻找。如果我对导致问题的原因有一些线索,我至少可以开始注释代码,看看这是否解决了问题。但没有错误,我所能做的就是启动一个全新的应用程序,开始向其中添加组件和模块,看看是什么破坏了它。这似乎是一种低效的调试方式。不确定Angular团队为什么选择这个模型…?我决定硬重置回我的上一次提交,然后重新开始应用程序的重组。到目前为止,这一切进展顺利。我只是在移动每个组件后进行提交,以便在需要时回滚。太糟糕了,他们没有给我们更多的信息来解决这个问题…我会要求你保持这个线程更新你的发现失败了,因为它可能会帮助有需要的人后,你调试它。谢谢你,期待着你自己的回答。