Приложение 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, он показывает мне эту ошибку: неперехваченным 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

Идеальный помощник !!! Приветствия ... – user1101382

я нашел этот общий вопрос в Интернете, и это называется использование Ext3 вместо Ext4, код работает без проблем, если вы используете правильную версию Ext, которая в этом случае Ext4.

источник

2012-07-19 13:51:17 Stacked

Приложение Ext JS показывает пустую страницу

ответ

Смежные вопросы