Chrome上的角度加载空白屏幕,控制台

时间:2016-06-13 04:57:45

标签: javascript angularjs google-chrome browser

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

但是,我注意到有些人似乎在Chrome上加载页面时遇到问题。我也使用Chrome,并在所有最新版本上测试过它;事实上,有些问题的人使用与我相同版本的Chrome,我似乎无法在我的计算机上复制该问题。

检查控制台,完全没有错误。我只看到以下内容,当网站加载时,它们不是我正常控制台输出的一部分: enter image description here

我已经尝试在这些似乎遇到问题的浏览器上禁用缓存,但这根本没有任何区别。 Chrome也是唯一能够实现此功能的浏览器。

检查网络选项卡,看起来网站上的所有组件都加载了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标头更改为*并且不起作用。 ui-view和ng-include div最终都不会呈现(只有Angular生成的注释会显示,指示指令在那里。)

任何人都有任何想法会发生什么?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

您正在使用ui-router设置视图路由,您是否在角度应用javascript中正确设置了它?

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

需要填充视图以显示在屏幕上显示的任何内容,例如:

这是一个有关的例子:http://plnkr.co/edit/u18KQc?p=preview

(来源https://github.com/angular-ui/ui-router