javascript - Chrome 上的 Angular 加载空白屏幕，控制台中没有错误

Question

我有一个 AngularJS 应用程序可以在大多数浏览器和版本中正常运行和加载。

但是，我注意到有些人似乎无法在 Chrome 上加载页面。我也使用 Chrome，并在所有最新版本上对其进行了测试；事实上，一些遇到问题的人使用的 Chrome 版本与我使用的完全相同，我似乎无法在我的计算机上重现该问题。

查看控制台，绝对没有任何错误可言。我所看到的是以下内容，当网站加载时，它们不是我正常控制台输出的一部分:

我已经尝试在这些似乎有问题的浏览器上禁用缓存，但这根本没有任何区别。 Chrome 是唯一也会发生这种情况的浏览器。

检查网络选项卡，网站上的所有组件似乎都加载了 HTTP 200 状态，因此看起来没有任何加载失败。

查看源代码，似乎所有脚本都可以正常加载。我的应用程序中有一个 ui-view 和 ng-include 来呈现应用程序的其余部分。看起来它们根本没有被渲染，因为它们显示为空(仅在特定用户的 Chrome 浏览器中):

<div ui-view autoscroll="false"></div>


<ng-include src="'components/loginAndSignupModal/loginAndSignupModal.html'">  </ng-include>
<ng-include src="'components/intercom/intercomChatBox.html'"></ng-include>

尝试将 CORS header 更改为 * 但没有用。 ui-view 和 ng-include div 最终都没有呈现(只有 Angular 生成的注释出现，表明指令在那里。)

有人知道会发生什么吗？

Answer 1

嗨，卡里姆，我曾经遇到过同样的问题，但不幸的是，当从 1.3 到 1.5.x 更改为 angularjs 版本时解决了 x 我不记得了，但请检查并让我知道你的 chrome 和 angular 两个版本。