1

我对使用煎茶很陌生。我有一个简单的应用程序，我想添加调试 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 一切正常。

那么我做错了什么？

4

1 回答 1

2

您已经添加了两次 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);
于 2013-05-15T10:46:12.967 回答