使用Phonegap打包时出现空白屏幕

时间:2012-11-19 12:10:36

标签: cordova sencha-touch sencha-touch-2

当我使用Phonegap构建器(https://build.phonegap.com/)打包我的Sencha Touch应用程序时,构建时不会出现任何错误。 虽然,当我启动应用程序时,我得到一个空白(白色)屏幕,没有任何反应。

我能做错什么?

我的index.html文件如下所示:

<!DOCTYPE html>
<html>
<head>
<title>My app</title>
<link rel="stylesheet" href="app.css" type="text/css">
<link href="resources/css/app.css" rel="stylesheet" type="text/css" />
<link href="resources/plugins/SliderFieldExtended.css" rel="stylesheet" type="text/css"    />
<link href="styles/OrangeTheme.css" rel="stylesheet" type="text/css" />
<script src="resources/lib/sencha-touch-all.js" type="text/javascript"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="resources/plugins/SliderFieldExtended.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true">     </script>
</head>
<body></body>
</html>

PS。我正在使用Sencha Touch 2.0.1。

提前致谢。

1 个答案:

答案 0 :(得分:1)

我找到了适用于我的空白屏幕问题的解决方案。如果您将.zip上传到Phonegap Builder,则Phonegap的版本默认设置为最新版本,目前为2.1.0。在这种情况下,我也得到了空白屏幕,但如果我将版本更改为2.0.0或更低,该应用程序可以正常工作。

要更改版本,请转到“设置”标签,然后在“配置”下选择正确的版本。

最后一件事,在index.html引用phonegap.js,但此文件未包含在您的文件夹中。

古德勒克!