Chrome上的角度加載黑屏，控制檯中沒有錯誤

我有一個AngularJS應用程序，可以在大多數瀏覽器和版本中正常工作並加載。Chrome上的角度加載黑屏，控制檯中沒有錯誤

但是，我注意到有些人似乎在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生成的註釋顯示錶明指令在那裏）

任何人有任何想法會發生什麼？

來源

2016-06-13 Karim

我覺得有這些用戶可能會安裝一些Chrome擴展，這可能會阻止您的HTML被顯示 – BlackBurn027

我認爲，即使在無痕模式下運行，同樣的事情發生在 – Karim

嗯，我一直有運氣捕捉這樣的問題，當我在Internet Explorer中運行這樣的應用程序保持調試器「開」嘗試它我已經解決了很多像這樣的問題，我去爲IE8！只是嘗試你可能會得到的東西:) – BlackBurn027

Hi Karim我曾經有過同樣的問題，但解決時，從1.3更改爲angular.xs版本到1.5.x不幸x我不記得，但請檢查，讓我知道你的兩個版本的鉻和角請。

來源

2016-06-13 05:19:46 khajaamin

Chrome版本是版本51.0.2704.84（64位）和Angular版本是Angular 1.4.6 – Karim

你正在使用UI路由器來設置視圖路線，你有它正確設置在你的角度應用程序的JavaScript？

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

認爲將需要填充任何東西到屏幕上，例如出現：

這裏是一個plunker例如：http://plnkr.co/edit/u18KQc?p=preview

（來源https://github.com/angular-ui/ui-router）

來源

2016-06-28 08:28:01 Bamieh

是的，它適用於所有其他瀏覽器，並且大部分也在Chrome中運行。只有少數用戶似乎遇到了上述問題。因此，這些路由正確填充 - 似乎是一些奇怪的問題，在一些非常有限的情況下，ui-view和ng-includes都沒有填充。 – Karim

Chrome上的角度加載黑屏，控制檯中沒有錯誤

回答

相關問題