【发布时间】:2016-11-09 19:21:22
【问题描述】:
我们有一个使用 angular-material 的网站md-switch。它在我们的开发环境中工作得很好(即在页面中可见)。但是,在我们的测试环境中部署之后,开关就消失了。检查浏览器的控制台并没有返回有关所使用库的任何错误。
当我们检查元素时,我们看到了:
这就是我们引用库的方式。我们使用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" />
希望有人能对此有所了解。
谢谢。
【问题讨论】:
-
似乎没有加载 AM 文件。如果您查看源代码,它会显示 AngularJS 和 AM 文件吗?
-
嗨@camden_kid 是的。上面所有的库都被调用了。但是,未加载
md-switch的<styles>。 :( -
您能否向我们展示显示文件实际加载的视图源部分?我很确定 angular-material.js 没有加载。
-
检查了其他涉及的JS文件后,原来是这样。
ngMaterial由于某种原因从调用的依赖项列表中丢失。 @@谢谢你的提示!
标签: html css angularjs angular-material