Javascript Ext JS不';导入时无法加载,FireBug中的响应正文为0字节

Javascript Ext JS不';导入时无法加载,FireBug中的响应正文为0字节,javascript,jsp,extjs,Javascript,Jsp,Extjs,首先,我是ExtJS的新手 感谢您花点时间研究我的问题,到目前为止,我还没有找到任何类似的问题。我正在尝试将webapp接口从Tiles/Spring/jQuery转换为Tiles/Spring/ExtJS接口,但是在开始一些基础工作时遇到了问题 首先,代码是: Ext.onReady(function() { Ext.QuickTips.init(); var login = new Ext.FormPanel({ title: "Please Login"

首先,我是ExtJS的新手

感谢您花点时间研究我的问题,到目前为止,我还没有找到任何类似的问题。我正在尝试将webapp接口从Tiles/Spring/jQuery转换为Tiles/Spring/ExtJS接口,但是在开始一些基础工作时遇到了问题

首先,代码是:

Ext.onReady(function() {

    Ext.QuickTips.init();

    var login = new Ext.FormPanel({
        title: "Please Login",
        url: 'j_spring_security_check',
        labelWidth: 80,
        frame: true,
        defaultType: 'textField',
        width: 300,
        height: 150,
        monitorValid: true,
        bodyStyle: 'padding:10px',
        items: [{
            fieldLabel: 'Username',
            name: 'j_username',
            id: 'userName',
            allowBlank: false,
            listeners: {
                afterrender: function(field) {
                    field.focus();
                }
            }
        }, {
            fieldLabel: 'Password',
            name: 'j_password',
            inputType: 'password',
            allowBlank: false
        }],
        buttons: [{
            text: 'Login',
            formBind: true,
            handler: function() {
                loginSubmit();
            }
        }, {
            text: 'Reset',
            formBind: true,
            handler: function() {
                reset();
            }
        }],
        listeners: {
            afterRender: function(thisForm, options) {
                this.keyNav = Ext.create('Ext.util.KeyNav', this.el, {
                    enter: loginSubmit,
                    scope: this
                });
            }
        }
    });

    function reset() {
        login.getForm().reset();
    }

    function loginSubmit() {
        login.getForm().submit({
            method: 'POST',
            success: function(form, action) {
                window.location = 'home';
            },
            failure: function(form, action) {
                Ext.Msg.alert('Login Failed!', 'Login Failed');
                reset();
            }
        });
    }

    login.render('login');
});
这被正确地包装在jsp页面的脚本标记中

我在该JSP呈现到的平铺页面中导入extJS文件:

<link type="text/css" rel="stylesheet" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/ext-all-debug.js"></script>

在这一点上,我希望事情能以某种方式呈现出来,但我得到的是:

奇怪的是,这些文件确实加载成功(至少它们没有出现错误),只是显示了一个0字节的响应库,如下面第2行和第3行所示。

我环顾四周,已经尽我所能尝试了所有简单的修复方法,我希望这里的人能够提供帮助。再次感谢您抽出时间来研究我的问题

更新 当我更改了对sencha CDN的脚本引用时,我将这个错误转移到了一个新的错误上,但我想坚持下去,首先解决这个问题

根据下面的评论,我现在的最佳猜测是,我要么缺少ext-base.js(我下载的ExtJS中没有包含该文件),要么我的文件位置/Spring配置有误。我现在已将这些条目添加到我的spring配置中:

<mvc:resources location="/WEB-INF/extjs/*" mapping="/extjs/**" />
 ....
    <security:intercept-url pattern="/appName/extjs/**"
  access="permitAll" requires-channel="any" />

....
但我仍然有同样的错误。我的WEB-INF目录中有extjs文件夹,上面的mvc:resources不应该修复它,以便我可以像这样引用它:

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