Sencha App Build Production :: Touch = Application Cache Error event: Manifest fetch

**YomeKitsuma** · 5 Oct 2012 7:08 AM

Hi,

We try to build the sample given in the Documentation : Ext.chart.series.Line

with

Code:

sencha app build -e production

(we also test using testing ;-) )

Firstly, at the first build we got lot of "missing" sources, so we add in the app.js the required :

Code:

Creating Application Cache with manifest http://dev.tag-all.com:28880/test/production/cache.appcache
Application Cache Checking event
Application Cache Error event: Manifest fetch failed (404) http://dev.tag-all.com:28880/test/production/cache.appcache
Failed to load resource: the server responded with a status of 404 (Not Found) http://dev.tag-all.com:28880/test/production/event/publisher/Dom.js?_dc=1349449239735

Code:

requires: ['Ext.*']

After all goes well....

We redo a build removing this "all requires".

Now we got this error :

Code:

Creating Application Cache with manifest http://dev.tag-all.com:28880/test/production/cache.appcache
Application Cache Checking event
Application Cache Error event: Manifest fetch failed (404) http://dev.tag-all.com:28880/test/production/cache.appcache
GET http://dev.tag-all.com:28880/test/production/event/publisher/Dom.js?_dc=1349449413346 404 (Not Found) Dom.js:1
Malformed delta content received for http://dev.tag-all.com:28880/test/production/app.js :28880/test/production/:56

N.B : locally (using own server - i.e localhost), here the error :

Code:

Failed to load resource: the server responded with a status of 404 (Not Found) http://192.168.1.40/Test/test/event/Dispatcher.js?_dc=1349449984496
Failed to load resource: the server responded with a status of 404 (Not Found) http://192.168.1.40/Test/test/event/publisher/Dom.js?_dc=1349449984501
Uncaught Error: [Ext.Loader] Failed loading './event/Dispatcher.js', please verify that the file existssencha-touch.js:8319[COLOR=red !important][/COLOR]
Uncaught Error: [Ext.Loader] Failed loading './event/publisher/Dom.js', please verify that the file exists sencha-touch.js:8319
[COLOR=red !important]
[/COLOR]

**dongryphon** · 5 Oct 2012 9:59 PM

Please specify the framework and version (e.g., "Sencha Touch 2.1 RC1") as well as the Cmd version you are using (e.g., "3.0.0.190").

Also, you can try the debug switch "sencha -debug app build production" and see if that gives you any insight.

**YomeKitsuma** · 8 Oct 2012 5:13 AM

Hi Dongryphon

framework = Sencha Touch 2.1.0-RC1
Cmd version = (when post this issue => 3.0.0.188)

For the first error :

Code:

Application Cache Error event: Manifest fetch failed (404)

We added the ".appcache" in our web.config file onto the server.

Actually, their is still the error saying :

Code:

Malformed delta content received for http://dev.tag-all.com:28880/test/production/app.js :28880/test/production/:56G:28880/test/production/:56
(anonymous function):28880/test/production/:59
h.onreadystatechange:28880/test/production/:54


GET http://dev.tag-all.com:28880/test/production/event/publisher/Dom.js?_dc=1349701450670 404 (Not Found)

As you can see we also have a 404 error, asking for the Event.publisherDom.

One other thing we realized : if we clean up all the data in the LocalStorage of our testing browser (Chrome) everything works well - at the first time

but getting (at second update - i.e ftp transfert) this error :

Code:

Malformed delta content received for http://dev.tag-all.com:28880/test/production/app.js

again if we clean up the localstorage from the Console of Chrome, everything (re)goes fine...

We also facing an "localhost" error, which try to load (i.e start application on the dev folder onto our webserver - localy - apache 2 on mac osx)

Code:

event/Dispatcher.js

Code:

event/publisher/Dom.js

This error looks like the framework try to load classes as if they were from the application (not in Touch framework, but thoses classes are from Touch... clear ?!)

nb : i'll open a new BUG, since we start all from begining and a simple application (only with basic contents from sencha) IS BUGGED

**ingo.hefti** · 8 Oct 2012 9:40 AM

have you set the path at the beginning of your app.js?

Code:

//<debug>
Ext.Loader.setPath({
    'Ext': 'touch/src'
});
//</debug>

**YomeKitsuma** · 8 Oct 2012 10:31 PM

Hi ingo.hefti

Not =D

But if I well understood the "meaning" of this, it just in development phasis, not in production ?!

I'll try it, and give you my feed back

Thank

**ingo.hefti** · 8 Oct 2012 10:53 PM

Stupid me - of course, you are right. Apologize for interfering...

**YomeKitsuma** · 8 Oct 2012 11:09 PM

not at all ingo !

It's good to have interest there !

I'll continu to investigate...

**YomeKitsuma** · 9 Oct 2012 12:05 AM

I've just "redo" the whole process :

1) generate a new application using "sencha generate app" (with good parameters)

Code:

Macintosh-00224130e982-3:touch tag-all$ sencha generate app myTouch ~/Workspace/myTouch
Sencha Cmd v3.0.0.190
[INFO ]        init-properties:
[INFO ]        init-sencha-command:
[INFO ]        init:
[INFO ]        -before-generate-app:
[INFO ]        generate-app-impl:
[INFO ]            [mkdir] Created dir: /Users/tag-all/Workspace/myTouch/app/model
[INFO ]            [mkdir] Created dir: /Users/tag-all/Workspace/myTouch/app/controller
[INFO ]            [mkdir] Created dir: /Users/tag-all/Workspace/myTouch/app/store
[INFO ]            [mkdir] Created dir: /Users/tag-all/Workspace/myTouch/app/profile
[INFO ]        Generating new packager.json file using native packager
[INFO ]        copy-sdk:
[INFO ]             [copy] Copying 1 file to /Users/tag-all/Workspace/myTouch/resources/css
[INFO ]        -after-generate-app:
[INFO ]        generate-app:

2) i've built the application for production using "sencha ant build"

Code:

Macintosh-00224130e982-3:myTouch tag-all$ sencha ant build
Sencha Cmd v3.0.0.190
[INFO ]        -before-init-local:
[INFO ]        -init-local:
[INFO ]        -after-init-local:
[INFO ]        init-local:
[INFO ]        find-cmd:
[INFO ]        -before-init:
[INFO ]        -init:
[INFO ]        -after-init:
[INFO ]        init:
[INFO ]        -before-build:
[INFO ]        page:
[INFO ]        -before-page:
[INFO ]        -page:
[INFO ]        init-properties:
[INFO ]        init-sencha-command:
[INFO ]        init:
[INFO ]        -before-app-build:
[INFO ]        app-build-impl:
[INFO ]        building application
[INFO ]        Deploying your application to /Users/tag-all/Workspace/build/myTouch/production
[INFO ]        Copied app.js
[INFO ]        Copied resources/css/app.css
[INFO ]        Copied /Users/tag-all/Workspace/myTouch/resources/icons
[INFO ]        Copied /Users/tag-all/Workspace/myTouch/resources/startup
[INFO ]        Resolving your application dependencies (file:////Users/tag-all/Workspace/myTouch/index.html)
[INFO ]        Compiling app.js and dependencies
[INFO ]        Processing classPath entry : /Users/tag-all/Workspace/myTouch/sencha-compile-temp-dir
[INFO ]        Processing classPath entry : /Users/tag-all/Workspace/Library/touch/src
[INFO ]        Processing classPath entry : /Users/tag-all/Workspace/Library/tall/src
[INFO ]        Processing classPath entry : /Users/tag-all/Workspace/myTouch/app.js
[INFO ]        Processing classPath entry : /Users/tag-all/Workspace/myTouch/app
[WARN ]        [ [1000] : Yui Compressor Warning <> Trailing comma is not legal in an ECMA-262 object initializer => }, function() { ] :: ( /Users/tag-all/Workspace/Library/touch/src/app/Controller.js => 625 : 1 )
[INFO ]        Processing class inheritance graph
[INFO ]        Processing instantiation refereces to classes and aliases
[WARN ]        [ [1000] : Yui Compressor Warning <> Trailing comma is not legal in an ECMA-262 object initializer => }, function() { ] :: ( /Users/tag-all/Workspace/Library/touch/src/app/Controller.js => 625 : 1 )
[INFO ]        Processing source dependencies
[INFO ]        Concatenating output to file /Users/tag-all/Workspace/build/myTouch/production/app.js
[INFO ]        Completed compilation.
[INFO ]        Processed remote file ../Library/touch/sencha-touch.js
[INFO ]        Processed local file app.js
[INFO ]        Minified app.js
[INFO ]        Minified resources/css/app.css
[INFO ]        Generated app.json
[INFO ]        Embedded microloader into index.html
[INFO ]        Generating appcache
[INFO ]        Generating checksum for appCache item: index.html
[INFO ]        -after-app-build:
[INFO ]        app-build:
[INFO ]        -after-page:
[INFO ]        -build:
[INFO ]        -after-build:
[INFO ]        build:

3) i've uploaded to my test server, here the result in the chrome console :

- first start of the application :

Code:

Creating Application Cache with manifest http://dev.tag-all.com:28880/myTouch/cache.appcache
Application Cache Checking event
Application Cache Downloading event
Application Cache Progress event (0 of 1) http://dev.tag-all.com:28880/myTouch/index.html
Application Cache Progress event (1 of 1) 
Application Cache Cached event
Failed to load resource: the server responded with a status of 404 (Not Found) http://dev.tag-all.com:28880/myTouch/event/publisher/Dom.js?_dc=1349768473714

- Second load (after refresh) :

Code:

Document was loaded from Application Cache with manifest http://dev.tag-all.com:28880/myTouch/cache.appcache
Application Cache Checking event
Application Cache NoUpdate event
GET http://dev.tag-all.com:28880/myTouch/event/publisher/Dom.js?_dc=1349769662683 404 (Not Found)

- and after updating (juste change the title in the Main.js)

Code:

Document was loaded from Application Cache with manifest http://dev.tag-all.com:28880/myTouch/cache.appcache
Application Cache Checking event
Application Cache NoUpdate event
GET http://dev.tag-all.com:28880/myTouch...=1349771343152 404 (Not Found) Dom.js:1

Malformed delta content received for http://dev.tag-all.com:28880/myTouch/app.js :28880/myTouch/:56

Any idea ?
(actually i've to go back to sencha tool v2 to build my webapplication...

**YomeKitsuma** · 9 Oct 2012 12:58 AM

does this post is related to this issue ?!

http://www.sencha.com/forum/showthread.php?244827-Production-Build-Malformed-delta-content-error

i've removed the last comma in "deltas", and the "malformed error" gone away,

Before

Code:

["/*907435fdf5c2d9381fed6fb8e69a750d93fecc8c",42,295618," 2",295660,1031,]

After

Code:

["/*907435fdf5c2d9381fed6fb8e69a750d93fecc8c",42,295618," 2",295660,1031]

But I keep having the error :

Code:

Document was loaded from Application Cache with manifest http://dev.tag-all.com:28880/myTouch/cache.appcache
Application Cache Checking event
Application Cache NoUpdate event
GET http://dev.tag-all.com:28880/myTouch...=1349773232271 404 (Not Found) Dom.js:1Ext.apply.injectScriptElement
Ext.apply.loadScriptFile
Ext.apply.require
Ext.Function.alias
Ext.apply.factoryConfig
b
Ext.apply.factoryConfig
b
Ext.apply.factoryConfig
(anonymous function)
Ext.apply.triggerReady
Ext.apply.onDocumentReady
Ext.apply.setup
Ext.apply.application
(anonymous function)
c:28880/myTouch/:57
b:28880/myTouch/:57
(anonymous function):28880/myTouch/:60
w:28880/myTouch/:60
(anonymous function):28880/myTouch/:61

**YomeKitsuma** · 9 Oct 2012 1:09 AM

So more informations/investigate :

I've just adding "Ext.event.publisher.Dom" as require in the app.js,

I've cleaning up the new "deltas" (removing the last coma)

and now i've got a new "error"

Code:

Document was loaded from Application Cache with manifest http://dev.tag-all.com:28880/myTouch/cache.appcache
Application Cache Checking event
Application Cache NoUpdate event
GET http://dev.tag-all.com:28880/myTouch...=1349773652329 404 (Not Found)

Now, this is the "Ext.event.publisher.TouchGesture" which is missing !!!

So, adding as require "Ext.event.*", clean up all the deltas (and fix the new brand one), gives :

Code:

Document was loaded from Application Cache with manifest http://dev.tag-all.com:28880/myTouch/cache.appcache
Application Cache Checking event
Application Cache NoUpdate eventGET http://dev.tag-all.com:28880/myTouch...=1349774214743 404 (Not Found) ItemPublisher.js:1

OK OK...but this is the "basic" application skelton done by "sencha generate app", why there is a "chart.series.itempublisher" here ??!!!!!

WORKARROUND ==>

Just add :

Code:

Ext.application({
    name: 'myTouch',


    requires: [
        'Ext.MessageBox',
        'Ext.*'
    ],


    views: ['Main'],

And now everything works fine (also change and fix the extra Deltas "coma" !!)

But now i've got a BIG HUGE application : 879ko for app.js (with no Ext.* => 297ko)

And....

Unfortunately, here is what i've got when just trying to start my application from my "dev folder"

Code:

[INFO] [Ext.ClassManager] Overriding existing alias: 'widget.component' of: 'Ext.dataview.DataView' with: 'Ext.Component'. Be sure it's intentional. sencha-touch.js:600
[INFO] [Ext.ClassManager] Overriding existing alias: 'widget.mask' of: 'Ext.LoadMask' with: 'Ext.Mask'. Be sure it's intentional. sencha-touch.js:600
[INFO] [Ext.ClassManager] Overriding existing alias: 'widget.container' of: 'Ext.dataview.DataView' with: 'Ext.Container'. Be sure it's intentional. sencha-touch.js:600
[INFO] [Ext.ClassManager] Overriding existing alias: 'widget.viewport' of: 'Ext.viewport.Android' with: 'Ext.viewport.Default'. Be sure it's intentional. sencha-touch.js:600
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8888/Library/touch/...=1349778611975
Uncaught Error: [Ext.Loader] Failed loading '../Library/touch/src/ux/auth/model/Session.js', please verify that the file exists sencha-touch.js:8319
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8888/Library/touch/...=1349778611982
Uncaught Error: [Ext.Loader] Failed loading '../Library/touch/src/device/Purchases/Purchase.js', please verify that the file exists sencha-touch.js:8319
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8888/Library/touch/...=1349778611995
Uncaught Error: [Ext.Loader] Failed loading '../Library/touch/src/device/Purchases/Product.js', please verify that the file exists sencha-touch.js:8319
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8888/Library/touch/...=1349778612015
Uncaught Error: [Ext.Loader] Failed loading '../Library/touch/src/draw/engine/SvgContext/Gradient.js', please verify that the file exists sencha-touch.js:8319

Finally (???) removing the 'Ext.*',

Code:

requires: [
        'Ext.MessageBox'/*,
        'Ext.*'*/
    ],

in dev all goes fine...

Sencha App Build Production :: Touch = Application Cache Error event: Manifest fetch

Thread Tools

Search Thread

Display

Sencha App Build Production :: Touch = Application Cache Error event: Manifest fetch

Sencha App Build Production :: Touch = Application Cache Error event: Manifest fetch