Sencha Touch 应用程序在 Visual Studio 和 Android 模拟器的浏览器中显示为空白答案

【问题标题】：Sencha Touch app appears blank in browser both in Visual studio and Android emulatorSencha Touch 应用程序在 Visual Studio 和 Android 模拟器的浏览器中显示为空白
【发布时间】：2012-12-15 07:41:42
【问题描述】：

我刚开始使用 Sencha Touch 并下载了它的免费商业版。我在 Visual Studio 中尝试了以下示例，但 Sencha Touch 应用程序在浏览器中显示为空白。我在 Safari（5.1.7 版）和 Chrome（23 版）中尝试过。 [我还可以在 safari 中看到下载的 Sencha 框架提供的示例，但在 Chrome 中看不到）。我使用 IDE eclipse 在 Android 中尝试的相同应用程序。但那里的安卓模拟器也没有显示任何内容。

请帮我找出问题。

代码：-

  <!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <!-- !CSS -->
    <link href="/content/css/sencha-touch.css" rel="stylesheet" type="text/css" />
    <!-- !JS -->
    <script src="/content/js/sencha-touch.js" type="text/javascript"></script>
    <script type="text/javascript">
        Ext.setup({
            onReady: function () {
                // create the root panel
                new Ext.Panel({
                    fullscreen: true,
                    html: "Sencha Touch is ready!"
                });
            }
        });
</script>
</head>
<body>
</body>
</html>

谢谢。

【问题讨论】：

我认为你的应用程序没有被初始化，检查 Sencha SDK 提供的示例，尝试将它们添加到你的项目中并运行。

标签： sencha-touch

【解决方案1】：

我认为您应该查看入门文档here。

您将使用 Visual Studio 作为文本编辑器，这很棒，但 Architect 产品可能会帮助您更快地进行，我认为有一个免费版本。

如果您仍然遇到问题，浏览器“控制台”中的错误将有助于解决您可能遇到的其他错误。

【讨论】：

【解决方案2】：

您是否尝试过将 index.html 文件设置为启动页面？

在 VS 解决方案资源管理器中，右键单击 index.html 文件，然后选择设置为起始页。

【讨论】：

【解决方案3】：

如果您使用的是 Visual Studio，那么您显然在 Windows 上使用 IIS 服务器。要使其正常工作，只需将扩展名为 .json 的新 MIME 类型“JSON”添加到您的我们的服务器。 IIS 默认不处理 json mime 类型。祝你好运。

【讨论】：

【解决方案4】：

最好使用（调试时）Google Chrome，并且在 ~~IE 或 Firefox~~ 中不起作用。

如果您在 Google Chrome 中启动，您会看到结果。

【讨论】：