Résolue

Erreur 404 lors de l'accès à la boîte de dialogue

# Résolution d'erreurs # Tailwind # VSCode

Bonjour ,
je n'arrive pas accéder à la boite de dialogue,
j'ai une erreur 404.

127.0.0.1 - - [11/Sep/2024 14:50:40] "GET /static/dist/js/script.js HTTP/1.1" 404 .

Pour générer le fichier Tailwindcss la ligne de code ne fonctionne pas .

"C:\Users\howie\OneDrive\Bureau\tailwindcss-windows-x64.exe" -i static\src\css\input.css -o static\dist\css\style.css.

Et j'ai crée le fichier style.css en supprimant -i et le remplaçant par -o et ça marche.
Et pour exécuter
tailwindcss --watch

en arrière plan il fonctionne.

je suis sur Windows 11 et sur Visual Code et qui marche mieux que PyCharm.

Merci.

Thibault houdon

Mentor

Bonjour !

Concernant ton problème avec la boîte de dialogue et l'erreur 404 sur le fichier script.js, il semble que le chemin vers ton fichier JavaScript soit incorrect ou que le fichier soit manquant. Assure-toi que le fichier script.js existe bien à l'endroit spécifié dans ton code, à savoir static/dist/js/script.js. Si le fichier est bien là, vérifie aussi que le chemin dans ton code qui inclut le fichier est correct (la ligne qui devrait être du style <script src="{% static 'js/script.js' %}"></script>)

Pour la génération du fichier avec tailwind, quand tu dis que ça ne fonctionne pas : tu as une erreur ou ça ne fait juste rien ?

bonjour,
C:\Users\howie\chat_gpt\pythonProject3\flaskgpt\static\dist\css\style.css
le chemin relatif du fichier style.css.

Pour la generation du fichier tailwindcss , j'ai un un code la valeur i n'existe pas.
$ "C:\Users\howie\OneDrive\Bureau\tailwindcss-windows-x64.exe" -i static\src\css\input.css - o static\dist\css\style.css
Specified input file staticsrccssinput.css does not exist.
(.venv)

J'ai crée le fichier style.css par une ligne de code
"C:\Users\howie\OneDrive\Bureau\tailwindcss-windows-x64.exe" -o static\src\css\input.css - o static\dist\css\style.css
et je pense que le probleme doit venir de là

ça donné naissance à ce fichier css ci-dessous.

"C:\Users\howie\chat_gpt\pythonProject3\flaskgpt\static\dist\css\staticdistcssstyle"

Capture d'écran de l'appli FlaskGPT
merci

Thibault houdon

Mentor

Bonjour,

Je pense qu'il s'agit d'un problème avec les slash que Windows gère mal.

L'erreur indique Specified input file staticsrccssinput.css does not exist. Tu vois que les slash n'apparaissent pas et il ne semble pas comprendre le chemin relatif que tu utilisesé

Je te conseille à la place d'un chemin relatif d'utiliser un chemin absolu, entouré de guillemets, par exemple :

C:\Users\howie\OneDrive\Bureau\tailwindcss-windows-x64.exe -i C:\Users\howie\chat_gpt\pythonProject3\flaskgpt\static\src\css\style.css -o C:\Users\howie\chat_gpt\pythonProject3\flaskgpt\static\dist\css\style.css 

J'ai vérifié la doc et les paramètres n'ont pas changé donc le -i devrait fonctionner, et il faut bien que tu passes un fichier en input (-i) et un en output (`-o).

Bonjour, j'ai verifier avec cmeder le premier fichier n'existe pas. et le deuxieme fichier oui.

qu'est que je dois faire creer un nouveau fichier?

Thibault houdon

Mentor

Si je comprends bien le fichier src\css\style.css n'existe pas mais le fichier dist\css\style.css existe ?

Normalement vous n'avez besoin de créer que le fichier dans les sources (dans src). Et ensuite tailwind.exe va s'occuper de convertir votre fichier source en fichier CSS complet.

Si le fichier dist existe déjà, c'est peut-être dû aux manipulations antérieures que vous avez faites en omettant le -i. Il a peut-être juste copié votre fichier source dans le dossier de destination.

Le fichier style.css de sources ne doit contenir que votre CSS, le fichier dans dist est censé contenir beaucoup plus de classes, générées automatiquement par Tailwind, en fonction de votre CSS dans src\css\style.css et du CSS nécessaire au bon fonctionnement de Tailwind.

bonjour,
l'erreur du i sur pycharm,
oui le fichier existe?
j'ai recommencé à zéro dans le fichier input.css , tailwind base;
tailwind components;
tailwind utilities;
sont marqués en rouge par visual code.

Thibault houdon

Mentor

Tu as oublié les @, le code correct est :

@tailwind base;
@tailwind components;
@tailwind utilities;

Aussi pour la conversion, utilise vraiment les chemins absolus entourés de guillemets. En l'état Windows enlève les slash, ce qui débouche sur l'erreur que tu vois avec le nom du fichier en input affiché sans les slash (staticsrccssinput.css).

Bonjour,
j'ai repris à zéro le project.
et je suis au module Création de l'application flask
Et pour integrer la variable poetry sur Pycharm, j'ai reussis à l'integrer.
C:\Users\howie\AppData\Local\pypoetry\Cache\virtualenvs\flaskgpt-In8vAvke-py3.12

il y'a que la pratique ça me fait du bien, ça me plait

j'avais pas les fichiers bin mais a la place un dossier script.

merci

Thibault houdon

Mentor

Effectivement, la pratique il n'y a que ça de vrai. Je prenais l'habitude quand j'étais étudiant de parfois tout supprimer et tout recommencer même une fois le projet terminé à 100% pour bien intégrer les notions vues. Ça ne fait jamais de mal de refaire plusieurs fois la même chose.

Concernant le dossier Scripts oui, c'est encore une différence de Windows (ça n'arrête jamais ^^).

On en parle dans le glossaire sur les environnements virtuels et notre formation dédiée dans la partie sur Windows.

Bonjour,
avec visual code j'arrive bien à génerer tailwindcss et crée le style.css.
Sur le terminal ,j'ai remarqué que si je laisse en mode bash ça fonctionne et microsoft se rajoute et ça marche plus.
Je dois vieillé à rester en mode bash seul , comment enlever le probème?

Mais sur pycharm erreur de jeton impossible d'iniatialiser le ficher tailwindcss.

merci

Bonjour,

Oui, le shell de Microsoft est un langage à part (Powershell), les commandes que j'utilise ne fonctionneront donc pas dessus.

Il faut vraiment utiliser cmder / git bash ou équivalent pour pouvoir utiliser les commandes bash. En fait je te conseille sur Windows de toujours utiliser git bash / cmder en "standalone", que ce soit sur VS Code ou PyCharm, dans les versions intégrées, tu risques souvent d'avoir des problèmes car il se peut que VS Code / PyCharm modifient les configurations ou ne t'affichent pas le bon terminal. Ça peut aller si tu sais exactement ce que tu fais et que tu peux vérifier / déboguer parfaitement ton environnement mais pour le moment je te conseille vraiment d'utiliser git bash séparément pour faire les opérations dans le terminal.

Merci, je n'utiliserais git Bash et cmeder,
je suis dans le projet ajouter la clé API, j'avance

Merci

Inscris-toi

(c'est gratuit !)

Inscris-toi

Tu dois créer un compte pour participer aux discussions.

Créer un compte

Rechercher sur le site

Formulaire de contact

Inscris-toi à Docstring

Pour commencer ton apprentissage.

Tu as déjà un compte ? Connecte-toi.