I am getting stuck on this error and really need your help.

Error: the constant class where I store all the constant values isn't being recognized from the view.

Here's what I have:
1. Directory structure

img1.PNG

2. app.js

Ext.Loader.setPath({
'Ext': '.',
'DemoApp': 'app',
'other': 'app/other',
'Ext.ux': 'extensions'
});


Ext.Loader.setConfig({
enabled: true, // important
disableCaching: false // important
});
Ext.application({
extend: 'TT3.Application',
name: 'DemoApp',
requires: [
'other.constants',
'other.branding',
'TT3.*',
],
});

3. constant.js

Ext.define('other.constants', {
singleton: true,
serviceUrls: new (function () {
})()
}, function () {
window.CONST = other.constants;

4. ListStore.js - this is where
Ext.define('TT3.store.ListStore', {
extend: 'Ext.data.Store',


requires: [
'TT3.model.ListModel'
],


config: {
model: 'TT3.model.ListModel',
remoteUri: CONST.serviceUrls.getList,
autoSync: false,
autoLoad: false,
storeId: 'ListStore',
replaceStoreData: false
},

The error happens at this line:

remoteUri: CONST.serviceUrls.getList
Uncaught ReferenceError: CONST is not defined

I don't know what I am missing.

Please help.

Thank you.