Question

我是ExtJ的新手。我已经创建了示例ExtJs应用程序，并且在控制台中收到错误“ Ext.app is undefined”。我在屏幕上没有得到想要的输出。

以下是我的app.js文件和HTML文件：

Ext.application({
    name: 'HelloWorld',
    launch: function () {
        console.log('App created');
    }
}
)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script language="javascript" type="text/javascript" src="Scripts/ext-debug.js"></script>
    <script language="javascript" src="app/app.js" type="text/javascript"></script>    
    <link href="Styles/extjs.css" type="text/css" rel="stylesheet" />
</head>

<body>
</body>
</html>

以下是项目的形象

Answer 1

ext-debug.js脚本仅包括根Ext命名空间下的类型。尝试改为包含ext-all-debug.js。

<script language="javascript" type="text/javascript" src="Scripts/ext-all-debug.js"></script>

Answer 2

尝试根据以下论坛主题要求Ext.app.Application。

https://www.sencha.com/forum/showthread.php?304087-ext-debug-receiving-Ext-app-setupPaths-undefined-Full-source-debugging

Ext.require([
    'Ext.app.Application'
], function() {
    Ext.application({
        ...
    });
});

Answer 3

您需要引用框架的bootstrap.js（在调试模式下），以使Ext.Loader（又称微型加载器）可用；编译后，它的源代码+框架连接到一个文件中。加载预先构建的ext-all.js或ext-all-debug.js并不完全符合该框架的工作原理（尽管它可以解决您的问题）；最好使用SenchaCmd，否则您将很容易失去依赖关系。这是一个ExtJS项目的example（我的）；例如。查看Application.js，并将其与实际示例的application.js进行比较，以了解我的意思。

我的第一个ExtJs 6应用程序出错。 Ext.app是未定义的

3 个答案: