Как отладить приложение sencha

Я очень новичок в использовании sencha. У меня есть простое приложение, и я хочу добавить библиотеку debug js, чтобы увидеть ошибки и предупреждения. Проблема в том, что когда я добавляю этот js в свое приложение, я вижу только пустой экран и ошибки в этой библиотеке. Мой index.html выглядит так:Как отладить приложение sencha

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Account Manager</title> 
<script 
    src="http://cdn.sencha.com/ext/gpl/4.2.0/examples/shared/include-ext.js"></script> 
<script 
    src="http://cdn.sencha.com/ext/gpl/4.2.0/examples/shared/options-toolbar.js"></script> 
<script src="../../api-debug.js"></script> 
<script src="app.js"></script> 
<script src="ext-all-debug.js"></script> 
</head> 
<body></body> 
</html>

При удалении ext-all-debug.js все работает.

Так что я делаю неправильно?

источник

2013-05-15 hudi

Вы добавили ExtJs два раза. Вам не нужно добавлять JS-файл из своих примеров. Вам нужно добавить ext-all-debug.js и файл css. Шахта выглядит примерно так:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Account Manager</title> 

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

Вы также можете захотеть взглянуть на Сенча CMD, который может создать настройки для вас:

sencha -sdk /path/to/sdk generate app

Больше информации здесь: http://docs.sencha.com/extjs/4.2.0/#!/guide/command

Чтобы использовать динамическую загрузку классов, добавьте это в код:

Ext.Loader.setConfig({ 
    enabled : true, 
    paths : { 
     Ext : "ext/src" //path to ext 
      //add custom/yourown namespaces here and their paths 
    } 
});

И заменить Ext-все-debug.js с ext.js или Ext-dev.js

<script src="../common/js/Ext/ext-dev.js" type="text/javascript"></script>

использования требуется в вашем коде, чтобы позволить загрузчик знать, какие классы использовать:

Ext.require("Ext.form.Panel);

источник

2013-05-15 10:46:12

Да, я пробую этот сгенерированный пример, но есть много библиотеки js, которые я не использовал. Какому из них нужен ext-all-debug.js? – hudi

ext-all-debug содержит весь код ext. Вы хотите сказать, что не хотите использовать всю библиотеку, но только ее части, используя динамическую загрузку? –

да, вы совершенно правы – hudi

Как отладить приложение sencha

ответ

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