Safari iOS上的AngularJS空白页面,但在其他地方运行良好

时间:2016-02-21 03:10:03

标签: angularjs node.js twitter-bootstrap express

我写了一个小的AngularJS应用程序似乎运行得很好,除了Safari(iOS),我只看到一个空白页面。如果我将手机连接到我的Mac并运行Web Inspector,我可以看到没有javascript错误(实际上应用运行良好,通过查看DOM我看到范围变量在模板中被正确评估和替换)。我看到的是很多CSS错误。如果我删除有问题的CSS样式(Bootstrap 3),错误就会消失,但页面仍然是空白的。我尝试删除所有CSS和大多数琐碎的JS库无济于事。

我正在使用以下JS / CSS(按照index.html上的顺序):

  • bootstrap.min.css(v3.3.6)
  • bootstrap-theme.min.css(v3.3.6)
  • app.css(我自己的样式表,字面上有两个简单的样式定义)
  • angular.js(v1.4.9)
  • angular-route.js(v1.4.9)
  • ui-bootstrap.js(v1.1.2)
  • ui-bootstrap-tpls.js(v1.1.2)
  • lodash.js(v4.5.0)
  • moment.js(v2.11.2)
  • app.js(我自己的应用)

后端:使用Express v4在节点0.10(在免费的OpenShift帐户上运行)。文件通过静态中间件提供。没有手动上传;在进行推送之后,直接从git repo进行部署。

编辑:完全删除了所有CSS但问题仍然存在。应用程序完全适用于所有地方,并且仍然在Safari iOS上显示空白屏幕。

0 个答案:

没有答案