Question

美好的一天，我正在尝试构建我的ExtJS 4.2应用程序，我正在使用Sencha Architect 3.1和Sencha CMD 5.1.1.39进行OSX。

我关注如何从终端构建this tutorial，正如预期的那样，我收到了这个错误：

com.sencha.exceptions.ExBuild: Mixed-Mode x-compile and microload markup is currently unsupported

谷歌上搜索时，我this thread from Sencha讨论如何解决这个错误。

我接下来要做的是从app.json文件中删除最初看起来像这样的行：

{
   "name": "my_app_name",
   "requires": [],
   "id": "eceafdc4-45e6-4dc1-b51a-75af9b7887a6",
   "resources": [
      "resources/css/rowCSS.css",
      "resources/css/receiptGrid.css",
      "resources/css/propertyGrid.css",
      "resources/css/msgBox.css",
      "resources/css/popWindow.css",
      "resources/css/passwordPrompt.css",
      "resources/css/textStyles.css"
   ],
   "theme": "ext-theme-classic-3ea6533d-fc56-477c-9143-5085a431c7f3",
   "js": [
      {
         "path": "app.js",
         "bundle": true
      }
   ],
   "css": [
      {
         "path": "bootstrap.css",
         "bootstrap": true
      }
   ]
}

并删除了＆＃34; css＆＃34;和＆＃34;资源＆＃34;上面的教程中建议的部分。但是，我仍然有同样的错误。

我的index.html文件看起来像这样：

<!DOCTYPE HTML>

<html>
<head>
    <meta charset="UTF-8">
    <title>my_app_name</title>
    <!-- <x-compile> -->
        <!-- <x-bootstrap> -->
            <script src="ext/ext-dev.js"></script>
            <script src="bootstrap.js"></script>
        <!-- </x-bootstrap> -->
        <script src="app/override/form/Panel.js"></script>
        <script type="text/javascript" src="app.js"></script>
    <!-- </x-compile> -->
                <link rel="stylesheet" href="bootstrap.css">

    <link rel="stylesheet" href="resources/css/rowCSS.css" id="child-row">
    <link rel="stylesheet" href="resources/css/receiptGrid.css" id="receiptGrid">
    <link rel="stylesheet" href="resources/css/propertyGrid.css" id="propertyGrid">
    <link rel="stylesheet" href="resources/css/msgBox.css" id="msgBox">
    <link rel="stylesheet" href="resources/css/popWindow.css" id="popWindow">
    <link rel="stylesheet" href="resources/css/passwordPrompt.css" id="passwordPrompt">
    <link rel="stylesheet" href="resources/css/textStyles.css" id="textStyles">
</head>
<body>
</body>
</html>

在阅读sencha网站上的帖子后，似乎我必须选择app.json和index.html文件。所以我尝试删除了＆＃34;资源＆＃34;并且＆＃34; css＆＃34;，首先是内容，然后是整个内容，并尝试构建它但无济于事。我还是得到了错误。

我真的傻眼了，我正在尝试构建和发布我的Web应用程序，这样用户就不必加载大量的ExtJS脚本，其中很大一部分都不是无论如何使用。

我也感到困惑，因为index.html和app.json（以及app.js和app.json.meta）似乎都是由Sencha Architect 3.1自动生成的。 IDE在生成和发布过程中生成稍后会发生冲突的文件是没有意义的。

此外，Sencha Thread已经有8年历史了。除了那里提供的技巧之外，我不知道如何解决这个问题。

任何人都可以帮我解决这个问题吗？很感谢任何形式的帮助。谢谢。

Answer 1

我已经通过降级到Sencha CMD 5.1.0.26（解决了5.1.1.39中的另一个问题，见[1]）并完全删除js和css部分来解决这个问题：

{
   ...
   "theme": "ext-theme-classic-3ea6533d-fc56-477c-9143-5085a431c7f3"
}

是的，令人遗憾的是，如此昂贵的产品如何保持如此糟糕。

[1] https://www.sencha.com/forum/showthread.php?297673-Bug-Incorrect-encoding-on-concatenated-JS-file-in-Sencha-Cmd-5.1.1.39&p=1087279&viewfull=1#post1087279

Sencha CMD - 构建错误：目前不支持混合模式x-compile和microload标记

1 个答案: