Ext JS應用程序顯示空白頁

Question

我是Ext JS的新手。 我正在創建本教程中介紹的第一個應用程序： http : //www.sencha.com/learn/getting-started-with-ext-js-4，並且如其中所述，我創建了具有以下內容的index.html ：

<html>
<head>
   <title>Hello Ext</title>

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

和帶有以下代碼的app.js：

<a href="#!/api/Ext-method-application" rel="Ext-method-application"     class="docClass">Ext.application</a>({
name: 'HelloExt',
launch: function() {
    <a href="#!/api/Ext-method-create" rel="Ext-method-create"  class="docClass">Ext.create</a>('<a href="#!/api/Ext.container.Viewport"  rel="Ext.container.Viewport" class="docClass">Ext.container.Viewport</a>', {
        layout: 'fit',
        items: [
            {
                title: 'Hello Ext',
                html : 'Hello! Welcome to Ext JS.'
            }
        ]
    });
}
});

但這顯示了空白頁。 如果我使用Chrome開發人員工具對其進行調試，則會顯示此錯誤：Uncaught SyntaxError：app.js中的意外令牌<：1

我已經盡力了，但不知道app.js出了什么問題

我確定我的框架已正確設置並可以正常工作，但是在加載頁面時該頁面為空白。

謝謝。

Answer 1

使用真實的Javascript可能會帶來更好的運氣，而不是錯誤地復制/粘貼了html包裝的JavaScript文本：

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

Answer 2

我在網上發現了這個常見問題，它是指使用Ext3而不是Ext4，如果在這種情況下使用的是Ext4的正確版本，則代碼運行不會出現任何問題。

Ext JS應用程序顯示空白頁

問題描述

2 個解決方案

解決方案1
5 已采納 2011-12-22 20:31:38

解決方案2
1 2012-07-19 13:51:17

Ext JS應用程序顯示空白頁

問題描述

2 個解決方案

解決方案1 5 已采納 2011-12-22 20:31:38

解決方案2 1 2012-07-19 13:51:17

解決方案1
5 已采納 2011-12-22 20:31:38

解決方案2
1 2012-07-19 13:51:17