Ext JS應用程序顯示空白頁面

我是Ext JS的新手。我創建的第一個應用程序在本教程中解釋說：http://www.sencha.com/learn/getting-started-with-ext-js-4和它提到我有以下內容的index.html創建：Ext JS應用程序顯示空白頁面

<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開發者工具調試它，它表明我這個錯誤：未捕獲的語法錯誤：在app.js意外令牌<：1

我試圖努力，但還是不知道什麼是app.js腳麻

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

謝謝。

來源

2011-12-22 user1101382

你確定ext-debug.js（extjs/ext-debug.js）的路徑正確嗎？看起來像它從未加載。 – Parzifal 2011-12-22 17:25:38

@Parzifal ..是的，我100％肯定它...有app.js文件中的錯誤，我無法弄清:( – user1101382 2011-12-22 17:28:37

你會使用，而不是他們的錯複製/粘貼HTML包裹的JavaScript文本真正的Javascript可能有更好的運氣：

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

來源

2011-12-22 20:31:38 Munter

完美的隊友!!!乾杯... – user1101382 2011-12-23 03:50:06

我發現這是一個常見的問題在線和它提到使用Ext3的，而不是如果你使用的是Ext4的正確版本，Ext4，代碼運行沒有任何問題，在這種情況下是Ext4。

來源

2012-07-19 13:51:17 Stacked

Ext JS應用程序顯示空白頁面

回答

相關問題