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

Posted 2023-02-25

【中文标题】Sencha Touch 应用程序在浏览器中显示为空白

【英文标题】：Sencha Touch app appears blank in browser

【发布时间】：2012-08-10 14:42:08

【问题描述】：

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

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

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

.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

【参考方案1】：

有几件事：

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

  fullscreen:true,
  layout:'fit',

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

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

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

url: 'data/data.json',

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

[Download]

【讨论】：

我没有看到要在任何地方设置的全屏配置，但我添加了一个控制器并使用您的代码向它添加了一个启动功能。这是唯一的改变——它有效！非常感谢。

当我从互联网（而不是文件系统）加载它时，列表仍然不显示，但我会在一个新问题中发布。

您是否从 Web Inspector / Firebug 收到任何错误消息

是的，我做 TDeBailleul，我将它包含在 ***.com/questions/11905325/… 的新问题中

【参考方案2】：

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

希望对你有帮助。

【讨论】：

感谢您的评论。它实际上是为我的应用打勾的，但这很可能是其他人的问题。