8

デフォルトアプリを生成した後：

sencha generate app Sencha ../Sencha

iOSシミュレーターでアプリをテストすることにしました

cd ../Sencha/
sencha app build native

アプリをロードしますが、ロード中のアイコンでスタックします: Sencha iOS アプリがロード画面で動かなくなる

以下は、メイン アプリケーション (App.js) のコードです。

Ext.application({
    name: 'Sencha',

    requires: [
        'Ext.MessageBox'
    ],

    views: ['Main'],

    icon: {
        '57': 'resources/icons/Icon.png',
        '72': 'resources/icons/Icon~ipad.png',
        '114': 'resources/icons/Icon@2x.png',
        '144': 'resources/icons/Icon~ipad@2x.png'
    },

    isIconPrecomposed: true,

    startupImage: {
        '320x460': 'resources/startup/320x460.jpg',
        '640x920': 'resources/startup/640x920.png',
        '768x1004': 'resources/startup/768x1004.png',
        '748x1024': 'resources/startup/748x1024.png',
        '1536x2008': 'resources/startup/1536x2008.png',
        '1496x2048': 'resources/startup/1496x2048.png'
    },

    launch: function() {
        // Destroy the #appLoadingIndicator element
        Ext.fly('appLoadingIndicator').destroy();

        // Initialize the main view
        Ext.Viewport.add(Ext.create('Sencha.view.Main'));
    },

    onUpdated: function() {
        Ext.Msg.confirm(
            "Application Update",
            "This application has just successfully been updated to the latest version. Reload now?",
            function(buttonId) {
                if (buttonId === 'yes') {
                    window.location.reload();
                }
            }
        );
    }
});

以下は、メイン ビュー (Main.js) のコードです。

Ext.define("Sencha.view.Main", {
    extend: 'Ext.tab.Panel',
    requires: [
        'Ext.TitleBar',
        'Ext.Video'
    ],
    config: {
        tabBarPosition: 'bottom',

        items: [
            {
                title: 'Welcome',
                iconCls: 'home',

                styleHtmlContent: true,
                scrollable: true,

                items: {
                    docked: 'top',
                    xtype: 'titlebar',
                    title: 'Welcome to Sencha Touch 2'
                },

                html: [
                    "You've just generated a new Sencha Touch 2 project. What you're looking at right now is the ",
                    "contents of <a target='_blank' href=\"app/view/Main.js\">app/view/Main.js</a> - edit that file ",
                    "and refresh to change what's rendered here."
                ].join("")
            },
            {
                title: 'Get Started',
                iconCls: 'action',

                items: [
                    {
                        docked: 'top',
                        xtype: 'titlebar',
                        title: 'Getting Started'
                    },
                    {
                        xtype: 'video',
                        url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c',
                        posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg'
                    }
                ]
            }
        ]
    }
});
4

3 に答える 3

3

をに変更"logger": "no"します。完了すると、次のようになります。"logger": "false"app.json

"buildOptions": {
    "product": "touch",
    "minVersion": 3,
    "debug": false,
    "logger": "false"
},

次に、で再構築しsencha app build nativeます。ブラウザで同じエラーを再現し、ブラウザsencha app build productionでhttp://localhost/path/to/myapp/build/production. その場合、機能する前にブラウザーのキャッシュをクリアする必要があります (クロムの場合: レンチ -> ツール - 開発者ツール -> ローカル ストレージ -> ホスト名 -> X (削除))。

于 2012-08-22T05:39:48.580 に答える
0

これは本当に遅いですが、質問に回答済みのマークを付けていないようです。私はこれを理解しようと数時間を費やしましたが、これはすべてSencha Docs、ダウンロード用の Sencha SDK Tools、および実際の Sencha SDK。

うまくいけば、これは誰かを助けるでしょう -

SDK がバージョン 2.1.0 以上の場合、基本的なアプリは Sencha Command 3.0.0 (Sencha 2.0 で機能していた SDK Tools ではありません) で開始する必要があります。Sencha Command ビットが適切に機能する場合 (インストールしても PATH に入れられなかったので、手動で追加する必要がありました)、すべてが魅力的に機能します。

http://docs.sencha.com/touch/2-1/#!/guide/command

それが一部のストラグラーを助けることを願っています!

于 2012-12-12T20:35:24.447 に答える
0

ビルド プロセスでは、ビルド プロセス中に縮小版が作成されます。ブラウザで起動し、エラー コンソールの内容を確認します。

于 2012-08-13T12:15:32.387 に答える