Chrome上的角度加载空白屏幕,控制台中没有错误

问题描述 投票:3回答:2

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

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

检查控制台,完全没有错误。 我只看到以下内容,当网站加载时,它们不是我正常控制台输出的一部分: 在此输入图像描述

我已经尝试在这些似乎有问题的浏览器上禁用缓存,但这根本没有任何区别。 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生成的注释显示出来指示指令在那里。)

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

javascript angularjs google-chrome browser
2个回答
1
投票

嗨卡里姆我曾经有同样的问题,但是当改为angularjs版本从1.3到1.5.x解决时不幸的是xi不记得但是请检查并告诉我你的两个版本的镀铬和角度请。


1
投票

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

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.