ExtJs的未定义Ext

时间:2013-01-28 03:43:16

标签: extjs extjs4

ExtJs新手。我看了很多线程,但我尝试的一切都没有用。我正在使用ExtJS 4,我继续获取和未定义以下代码的Ext错误:

<html>
<head>

    <script type="text/javascript" src="/extjs/ext-all.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>

//app.js
Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});

4 个答案:

答案 0 :(得分:3)

检查ext-all.js的路径。确保第一个斜杠是否正确?

答案 1 :(得分:0)

您的浏览器无法加载:

<script type="text/javascript" src="/extjs/ext-all.js"></script>

接下来肯定是路径问题。因此,以下一行:

Ext.application({

会引发您看到的错误(因为范围内没有对象Ext)。

  

请注意,extjs库的路径是相对于index.html路径的

因此,extjs是index.html存在的文件夹的子文件夹。你应该真的包括它:

<script type="text/javascript" src="extjs/ext-all.js"></script>

答案 2 :(得分:0)

如果你的ext-all.js路径正确,请尝试

<script type="text/javascript" src="../extjs/ext-all.js"></script>

答案 3 :(得分:0)

如果问题仅在IE中出现,那么只需按 ctrl + F5 即可在IE中上传最新的javascript