Sencha Touch 应用程序在浏览器中显示为空白答案

【问题标题】：Sencha Touch app appears blank in browserSencha Touch 应用程序在浏览器中显示为空白
【发布时间】：2012-08-10 14:42:08
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

有几件事：

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

  fullscreen:true,
  layout:'fit',

将此添加到应用程序的配置 (app.js) 中：

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

那么，您商店中的 url 应该是：

url: 'data/data.json',

我使它与这些配置一起工作。希望这有帮助

【讨论】：

【解决方案2】：

可能有点晚了，但我的回答可能对其他人有所帮助：确保您在 DataView 中使用的商店的“autoLoad”属性已被“勾选”（如果您使用的是 Sencha Architect）。

希望对你有帮助。

【讨论】：