2016-11-09 75 views
1

我們有一個使用角材md-switch的網站。它在我們的開發環境中工作得很好(即在頁面中可見)。但是,在我們的測試環境中部署它之後,交換機消失了。檢查瀏覽器的控制檯沒有返回任何關於使用的庫的錯誤。部署到測試站點後未顯示md-switch

當我們檢查的元素,我們看到了這一點:

開發環境 Development env.

結果: enter image description here

測試環境 enter image description here

結果: enter image description here

這就是我們如何引用我們的庫。我們使用localhost來減少腳本加載時間:

<script src="http://localhost:3000/SitePages/app/lib/angular/angular.min.js"></script> 
<script src="http://localhost:3000/SitePages/app/lib/angular/hammer.min_2.0.4.js"></script> 
<script src="http://localhost:3000/SitePages/app/lib/angular/angular-animate.min_1.5.5.js"></script> 
<script src="http://localhost:3000/SitePages/app/lib/angular/angular-aria.min_1.5.5.js"></script> 
<script src="http://localhost:3000/SitePages/app/lib/angular/angular-material.min_1.1.1.js"></script> 
<link rel="stylesheet" href="http://localhost:3000/SitePages/app/assets/css/angular-material_1.1.1.css" /> 

希望有人能夠對此有所瞭解。

謝謝。

+0

它看起來不像加載AM文件。如果您查看源代碼,它是否顯示AngularJS和AM文件? –

+0

嗨@camden_kid是的。上面所有的庫都被調用了。但是,'md-switch'的''沒有加載。 :( –

+1

你能告訴我們視圖源的部分顯示文件實際加載嗎?我敢肯定angular-material.js沒有加載 –

回答

0

終於找到了罪魁禍首......原來,在部署中間的某個地方,ngMaterial沒有被包含/被從依賴列表中刪除。爲什麼我們沒有立即注意到它的原因,除了沒有錯誤之外,所有的依賴都是從一個不同的JS文件調用的(不是專門處理切換的那個)。把它帶回來做的伎倆。 -facepalm-