我使用sencha create app命令创建了我的应用程序。它在我的机器上本地工作以及我们的Web服务器上。我正在尝试为生产构建应用程序,但以下命令对我不起作用:
sencha app build production
我没有收到任何错误消息或输出。目录中没有任何内容发生变化。
以下命令:
sencha build -p appname.jsb3 -v -d。
生成jsb3文件。但是,我的index.html永远不会更新以加载新文件。根据我在网上找到的信息,我的index.html应该更新为指向新文件。
我觉得我在某处遗漏了一些东西,但我找不到任何适合我的在线教程。谁能指出我正确的方向?我的index.html粘贴在下面,如果这有助于确定我做错了什么。
<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
<meta charset="UTF-8">
<title>EGL Mobile</title>
<style type="text/css">
/**
* Example of an initial loading indicator.
* It is recommended to keep this as minimal as possible to provide instant feedback
* while other resources are still being loaded for the first time
*/
html, body {
height: 100%;
}
#appLoadingIndicator {
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -50px;
width: 100px;
height: 20px;
}
#appLoadingIndicator > * {
background-color: #FFFFFF;
float: left;
height: 20px;
margin-left: 11px;
width: 20px;
-webkit-animation-name: appLoadingIndicator;
-webkit-border-radius: 13px;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: linear;
opacity: 0.3
}
#appLoadingIndicator > :nth-child(1) {
-webkit-animation-delay: 0.18s;
}
#appLoadingIndicator > :nth-child(2) {
-webkit-animation-delay: 0.42s;
}
#appLoadingIndicator > :nth-child(3) {
-webkit-animation-delay: 0.54s;
}
@-webkit-keyframes appLoadingIndicator{
0% {
opacity: 0.3
}
50% {
opacity: 1;
background-color:#1985D0
}
100% {
opacity:0.3
}
}
</style>
<script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>
</head>
<body>
<div id="appLoadingIndicator">
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
答案 0 :(得分:3)
试试这个:
//首先打开cmd并运行:
cd path/to/application
//然后确保index.html存在于您的路径/ / application:
中<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>title</title>
<!-- update this to your css file -->
<link rel="stylesheet" href="resources/css/app.css" type="text/css">
<!-- you can get this file from sencha original files -->
<script type="text/javascript" src="sdk/sencha-touch-debug.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>
//确保文件正在加载您的应用程序,然后运行命令:
sencha create jsb -a index.html -p app.jsb3
//也执行第二个命令。请注意,最后的DOT应添加到命令中:
sencha build -p app.jsb3 -d .
//现在我们的应用程序已构建:
创建新的html文件“built.html”并使用以下代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>title</title>
<link rel="stylesheet" href="resources/css/app.css" type="text/css">
<script type="text/javascript" src="sdk/sencha-touch.js"></script>
<script type="text/javascript" src="all-classes.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>
//现在打开built.html