Question

我是使用sencha的新手。我有简单的应用程序，我想添加调试js库来查看错误和警告。问题是，当我将这个js添加到我的应用程序时，我只看到空白屏幕和此库中的错误。我的index.html看起来像：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Account Manager</title>
<script
    src="http://cdn.sencha.com/ext/gpl/4.2.0/examples/shared/include-ext.js"></script>
<script
    src="http://cdn.sencha.com/ext/gpl/4.2.0/examples/shared/options-toolbar.js"></script>
<script src="../../api-debug.js"></script>
<script src="app.js"></script>
<script src="ext-all-debug.js"></script>
</head>
<body></body>
</html>

当我删除ext-all-debug.js时，一切正常。

那么我做错了什么？

Answer 1

您已添加两次ExtJs。您不需要从他们的示例中添加JS文件。您需要添加ext-all-debug.js和css文件。我看起来像这样：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Account Manager</title>

<link rel="stylesheet" type="text/css" href="resources/css/ext-all-debug.css"/>
<script src="ext-all-debug.js"></script>
<script src="app.js"></script>
</head>
<body></body>
</html>

您可能还想查看可以为您创建设置的Sencha CMD：

sencha -sdk /path/to/sdk generate app

此处有更多信息：http://docs.sencha.com/extjs/4.2.0/#!/guide/command

要使用动态加载类，请将其添加到您的代码中：

Ext.Loader.setConfig({
    enabled : true,
    paths   : {
        Ext : "ext/src" //path to ext
            //add custom/yourown namespaces here and their paths
    }
});

用ext.js或ext-dev.js替换 ext-all-debug.js

<script src="../common/js/Ext/ext-dev.js" type="text/javascript"></script>

在代码中使用require让加载器知道要使用哪些类：

Ext.require("Ext.form.Panel);

如何调试sencha应用程序

1 个答案: