Sencha Touch应用程序在浏览器中显示为空白 [英] Sencha Touch app appears blank in browser

问题描述

我有一个非常简单的Sencha Touch 2.0.1应用程序，它是用Sencha Architect 2.0.0制作的：从本地json文件加载的项目列表。如果我将其导出为APK并安装在我的Droid上，它会显示得很好。但是，当我尝试在浏览器中预览它时，它显示为空白白屏。

我在Chrome和Safari上都试过了。Safari在我第一次加载页面时完美地显示了它，但我再也没有让它工作过。我尝试清除Internet数据，但没有效果。

由于我不知道可能导致此问题的原因，我将发布一个指向我的代码的链接，而不是在这里列出所有内容。谢谢。

.xda存档：http://www.mediafire.com/?9k2341dtblyq4e1
.ZIP文件：http://www.mediafire.com/?07s6pfa734l3ewi

也许另一条相关信息是，我使用的是带有默认配置的WAMPSERVER 2.2，我的大多数其他应用程序(使用列表视图)也遇到了这个问题。

Sencha的CityBars教程完全在Chrome中运行，并在Safari中加载标题栏，但不加载任何可点击的项目。http://docs.sencha.com/architect/2-0/#!/guide/first_mobile_app

推荐答案

几件事：

将这些添加到您的列表的配置中：

  fullscreen:true,
  layout:'fit',

将以下内容添加到应用程序的配置(app.js)：

launch: function() {
  Ext.Viewport.add({
    xclass: 'MyApp.view.MyNavigationView'
  });
}

然后，您商店中的URL可能应该是：

url: 'data/data.json',

我使用这些配置使其正常工作。希望这能有所帮助

[Download]

这篇关于Sencha Touch应用程序在浏览器中显示为空白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！