Ext JSアプリケーションで空白ページが表示される

私はExt JSの初心者です。私は非常に最初のアプリケーションは、このチュートリアルで説明し作成しています：http://www.sencha.com/learn/getting-started-with-ext-js-4と私は、次の内容でindex.htmlを作成していることに言及したように：Ext 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.' 
      } 
     ] 
    }); 
} 
});

：次のコードで

<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

しかし、それは私に空白のページを示しています。私はChromeデベロッパーツールを使用してデバッグする場合、それは私に、このエラーを示しています。キャッチされないでSyntaxError：app.jsに予期しないトークン<：1

私は懸命に試みたが、app.js

に間違って何が起こっているかは考えを持っていません

私のフレームワークが正しく設定され、動作していると確信していますが、ページがロードされると空白になります。

ありがとうございます。

出典

2011-12-22 user1101382

ext-debug.js（extjs/ext-debug.js）へのパスが正しいですか？それはロードされていないように私に見えます。 – Parzifal

@ Parzifal ..はい、私はそれについて100％確信しています...私は理解できないapp.jsファイルに何か問題があります:( – user1101382

あなたはおそらく代わりに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.' 
       } 
      ] 
     }); 
    } 
});

出典

2011-12-22 20:31:38 Munter

Perfect mate !!!乾杯... – user1101382

、それは代わりのExt3の使用と呼ばれますExt4の場合はExt4の正しいバージョンを使用している場合、このコードは問題なく実行されます。

出典

2012-07-19 13:51:17 Stacked

Ext JSアプリケーションで空白ページが表示される

答えて

関連する問題