Erreur de chargement sur le fichier core ExtJS

Question

J'ai la structure de dossiers suivante pour mon projet. J'utilise ExtJS, Sencha Cmd et Flask pour démarrer ce projet.

Outils/Framework utilisés pour l'UI

Sencha Cmd v6.2.1.29
Ext JS v6.2.1

J'ai créé avec succès l'UI pour une application de connexion d'échantillon. J'ai utilisé une vérification de nom d'utilisateur et de mot de passe codée en dur, et cela a fonctionné comme prévu.

Cependant, j'ai essayé de l'implémenter avec mon serveur web qui est créé en utilisant Flask. J'ai modifié la structure de mon dossier d'application comme suit.

projet
│   run.py
│
└───static
│   │   ext/ <--- tous les fichiers extjs ici
│   │   app/ <--- mon dossier d'application
|   |   index.html
│   │   ...
└───templates
    │   index.html

Après avoir exécuté mon application Flask, j'ai eu un problème. Les fichiers requis par ExtJS, à savoir app.js, bootstrap.json, sont tous chargés comme prévu. Mais une erreur est signalée dans le réseau indiquant que le fichier pour les fichiers ExtJS n'est pas trouvé. Il est attendu de demander le fichier à l'intérieur du dossier statique, mais la demande est faite dans le répertoire racine de l'application /ext/build/ alors qu'elle aurait dû être /static/ext/build/

Je veux simplement ajouter /static/ dans chaque demande de fichiers ExtJS. Est-ce possible de le faire ? Ou qu'est-ce que je fais de mal ?

Si j'exécute le fichier index.html situé dans le dossier statique, l'UI fonctionne bien puisque le chemin du fichier principal ExtJS correspond.

J'ai suivi ce lien pour mon application.

Answer 1

Changer l'entrée du fichier app.json a résolu mon problème.

J'ai utilisé un chemin relatif à partir du chemin du fichier app.json pour pointer vers le fichier index.html qui est utilisé pour appeler le fichier bootstrap.js. Par exemple.

"indexHtmlPath": "../templates/index.html"

De cette façon, chaque fichier utilisé par le framework extjs est automatiquement pointé vers le bon chemin. Tous les fichiers extjs étaient relatifs au fichier index.html.