TypeError: Ext.application is not a function错误怎么解决

博客专家认证

2014-10-24 09:50:28

问题来源：学习extjs5例子遇到的，网址http://docs.sencha.com/extjs/5.0/getting_started/welcome_to_extjs.html。

ext5下载地址：http://download.csdn.net/detail/sushengmiyan/7701943

问题步骤：第一步：下载extjs5，放置在本地，文件夹命名为ext5
第二步：在同级目录下，新建index.html 内容如下(仿照官方例子写的)：

<!DOCTYPE html>

<html>

    <head>

        <title>欢迎来到 Ext JS!</title>

       <link rel="stylesheet" type="text/css" href="ext5/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">

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

       <script type="text/javascript" src="ext5/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>



        <script type ="text/javascript" src="app.js"></script>

    </head>

    <body></body>

</html>

第三步：新建app.js 放在同级目录下，内容如下：

Ext.application({

    name   : 'MyApp',



    launch : function() {



       Ext.create('Ext.Panel', {

            renderTo     : Ext.getBody(),

            width        : 200,

            height       : 150,

            bodyPadding  : 5,

            title        : 'Hello World',

            html         : 'Hello <b>World</b>...'

        });



    }

});

这样运行，可以正常出现窗体。请注意，引入的是build目录下的ext-all.js
我现在想引入外部，build文件夹外的ext-all.js

现在改为

<!DOCTYPE html>

<html>

    <head>

        <title>欢迎来到 Ext JS!</title>

       <link rel="stylesheet" type="text/css" href="ext5/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">

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

       <script type="text/javascript" src="ext5/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>



        <script type ="text/javascript" src="app.js"></script>

    </head>

    <body></body>

</html>