Strange behaviour, load page : Errors, reload multiple times :Errors, reload -> fine

[jash]

Hi,

I am working on a project and found something I cannot explain.

I am using MVC with an application setup. I'm on a mac and use Safari by default.
I have Ext.loader setup and when I load the page (index.html in the App directory)

I get:

[Ext.Loader] Synchronously loading 'Affiliation.store.SearchCustomer'; consider adding Ext.require('Affiliation.store.SearchCustomer') above Ext.onReady
ext-all-debug.js:3719[Ext.Loader] Synchronously loading 'Affiliation.view.TelephoneNumberForm'; consider adding Ext.require('Affiliation.view.TelephoneNumberForm') above Ext.onReady
ext-all-debug.js:5477Cannot create an instance of unrecognized class name / alias: Affiliation.view.TelephoneNumberForm
ext-all-debug.js:5483
Object
ext-all-debug.js:5489console.trace()
Ext.apply.logext-all-debug.js:5489
Ext.Error.Ext.extend.statics.raiseext-all-debug.js:4790
Manager.Ext.ClassManager.instantiateext-all-debug.js:3729
(anonymous function)ext-all-debug.js:1371
(anonymous function)CustomerTab.js:82
ext-all-debug.js:4797Uncaught Ext.Error: Cannot create an instance of unrecognized class name / alias: Affiliation.view.TelephoneNumberForm
ext-all-debug.js:5477The following classes are not declared even if their files have been loaded: 'Affiliation.view.CustomerTab'. Please check the source code of their corresponding files for possible typos: 'app/view/CustomerTab.js'
ext-all-debug.js:5483
Object
ext-all-debug.js:5489console.trace()
Ext.apply.logext-all-debug.js:5489
Ext.Error.Ext.extend.statics.raiseext-all-debug.js:4790
Loader.Ext.Loader.onFileLoadedext-all-debug.js:4503
(anonymous function)ext-all-debug.js:1364
Loader.Ext.Loader.injectScriptElement.onLoadFnext-all-debug.js:4238
ext-all-debug.js:4797Uncaught Ext.Error: The following classes are not declared even if their files have been loaded: 'Affiliation.view.CustomerTab'. Please check the source code of their corresponding files for possible typos: 'app/view/CustomerTab.js' 

after reloading (Command R or the refresh button in the address bar) I get the same multiple times. and then suddenly after multiple refreshes it works.....?!?!?!?!?

I have tested with Chrome and get exactly the same.

If I use Firefox however I do not see this behavior.

This might be webkit related but it drive me nuts.

Does anyone see this?

Jash

[tanel_t]

I had same problem, but with Firefox, all worked in Chrome. I got error:

Cannot create an instance of unrecognized class name / alias: Ext.ux.data.reader.Json

But everywhere Ext.ux.data.reader.Json is created using Ext.create('Ext.ux.data.reader.Json') command, what should load missing classes.

For me, adding

requires: [
  'Ext.ux.data.reader.Json'
]

to my Ext.Application config fixed problem.

[jash]

I poked around with Ext.require too and suddenly I never saw this behavior again.

Due to me having a fairly complex Application setup, I found the location of Ext.require to be Important. I guess learning how to coop with application i.c.w. MVC is harsh.

The strange errors you get are not making it easier.

Anyway. I just wanted to update this thread to confirm Ext.require and the location of it are important.
I think I saw a "require" config option for Ext.define. that might very well be a better solution (for reusing code pieces) since the requirements/dependancies are then coupled to the actual object definition.

Jash