【问题标题】:md-switch not appearing after deploying to test site部署到测试站点后没有出现 md-switch
【发布时间】: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&lt;styles&gt;。 :(
  • 您能否向我们展示显示文件实际加载的视图源部分?我很确定 angular-material.js 没有加载。
  • 检查了其他涉及的JS文件后,原来是这样。 ngMaterial 由于某种原因从调用的依赖项列表中丢失。 @@谢谢你的提示!

标签: html css angularjs angular-material


【解决方案1】:

终于找到了罪魁祸首...原来在部署过程中的某个地方,ngMaterial 没有被包含/从依赖项列表中删除。我们没有立即注意到它的原因除了没有错误之外,所有依赖项都是从不同的 JS 文件(不是专门处理开关的文件)调用的。把它带回来就行了。 -掌心-

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-27
    • 1970-01-01
    • 2013-04-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多