problème avec assetics en PROD

**dukoid** · 17/11/2015, 19h14

Bonsoir les amis,

en _DEV je n'ai aucun soucis
en PROD, les fichiers .css sont chargés mais pas les fichiers .js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
...
{% block javascripts %}
    {{ parent() }}
 
    {% javascripts  '@CtxHomeBundle/Resources/public/jquery-box-slider/spec/box-slider.js'
    '@CtxHomeBundle/Resources/public/jquery-box-slider/jasmine-1.2.0/jasmine.js'
    '@CtxHomeBundle/Resources/public/jquery-box-slider/jasmine-1.2.0/jasmine-html.js'
    '@CtxHomeBundle/Resources/public/jquery-box-slider/js/box-slider-all.jquery.min.js'
    %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

ensuite je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
php app/console assets:install

j'ai bien tous mes fichiers .js voulus dans : \web\bundles\ctxhome\*********jquery-box-slider etc...

j'accède donc en local pour tester :
en dev :
http://monsite/app_dev.php/index // tout fonctionne nickel .css et .js

en prod
http://monsite/index // mes fichiers .css c'es ok mais les fichiers .js ne sont pas chargés

WTF ?

**Billy12** · 17/11/2015, 20h39

php app/console assets:install web --symlink
php app/console assetic:dump --env=prod --no-debug
php app/console cache:clear --env=prod

et des fois les navigateurs gardent le js trop longtemps, efface le cache navigateur peut être ?

**dukoid** · 17/11/2015, 20h55

merci pour ta réponse. la suppression de cache PROD et celui du navigateur déjà testé.

avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
php app/console assets:install web --symlink

et toujours pas

**Billy12** · 17/11/2015, 20h58

Oui ça veut dire que tu es sur un environnement windows
il ne faut donc pas mettre l'option --symlink

**dukoid** · 17/11/2015, 21h03

avec ou sans --symlink ça donne pas de résultat

**Billy12** · 17/11/2015, 21h07

Tu fais un extends d'un template twig qui a déjà un block javascript ?

Dans le twig parent tu as :
{% block javascripts %}
....
{% endblock %}

**Billy12** · 17/11/2015, 21h17

{% endjavascripts %} -> {% endblock %}

bizard qu'il ne te pette une erreur en dev d'ailleurs ...

**dukoid** · 17/11/2015, 21h34

j'ai 3 niveaux :

1er niveau : base -> jquery.1.11
2eme niveau : layout -> bootstrap3.0
3eme niveau : la vue -> des fichiers .js spécifique à la vue

pour reprendre les déclarations javascript du parent j'utilise {{ parent() }}

donc dans ma vue j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
{% block javascripts %}
    {{ parent() }}           // je recupere les déclarations de layout et base (jquery et bootstrap donc) 
 
 
et j'ajoute ici mes declarations .js spécifique à la vue
.....

ça fonctionne parfaitement en DEV et d'ailleurs pour le CSS je fais cette méthode de hierarchie de niveau et aucun soucis

**Billy12** · 17/11/2015, 21h41

Et tu n'as pas d'erreur avec
{% endjavascripts %} {% endblock %} ?

**dukoid** · 17/11/2015, 21h44

non. pour une question de lisibilité, twig permet de terminer par endblock ou endblockXXXXX (pour ceux qui veulent savoir à quel block le endblock appartient)

**Billy12** · 17/11/2015, 21h48

Ok, je vois pas alors

Tu n'as aucun js même pas le jquery sur ton base.html.twig ?

ton premier block js est bien dans le block body ? avant </body> ?

Enfin ... si ça marche en dev et pas en prod c'est autre chose ...

**Billy12** · 17/11/2015, 22h03

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
{% block javascripts %}
    {{ parent() }}
 
    {% javascripts 
 
        '@CtxHomeBundle/Resources/public/jquery-box-slider/spec/box-slider.js'
        '@CtxHomeBundle/Resources/public/jquery-box-slider/jasmine-1.2.0/jasmine.js'
        '@CtxHomeBundle/Resources/public/jquery-box-slider/jasmine-1.2.0/jasmine-html.js'
        '@CtxHomeBundle/Resources/public/jquery-box-slider/js/box-slider-all.jquery.min.js'
 
        %}
        <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}
 
{% endblock %}

**dukoid** · 17/11/2015, 22h14

oui il est bien dans <body>

merci d'avoir cherché. ma question reste ouverte ...

**pmithrandir** · 18/11/2015, 11h37

restart apache ?
Pb de cache APC ?

**dukoid** · 18/11/2015, 12h33

cache supprimé , restart apache mais rien n'y fait

**pmithrandir** · 18/11/2015, 13h43

Peux tu nous copier la section assetic de ton fichier config_prod et config_dev ?
N'as tu pas d'erreur dans prod.log ? J'ai eu dce genre de chsoes quand assetic ne pouvait pas compresser certains fichiers par exemple.

**dukoid** · 18/11/2015, 14h35

"http://projet27.dev/index")" at D:\_dev_sf2\_work\projet27\app\cache\prod\classes.php line 2494 {"exception":"[object] (Symfony\\Component\\HttpKernel\\Exception\\NotFoundHttpException(code: 0): No route found for \"GET /js/2a1502c.js\" (from \"http://projet27.dev/index\") at D:\\_dev_sf2\\_work\\projet27\\app\\cache\\prod\\classes.php:2494, Symfony\\Component\\Routing\\Exception\\ResourceNotFoundException(code: 0): at D:\\_dev_sf2\\_work\\projet27\\app\\cache\\prod\\appProdUrlMatcher.php:1353)"} []

**pmithrandir** · 18/11/2015, 15h44

as tu fais un assetic dump ?

Asstic s'attend a ce que tu ai un fichier unique contenant tous les fichiers JS ensemble... mais ce fichier ne semble pas créé dans ton cas.

En dev, je pense que tes noms JS ont changé pour ressembler à :
2a1502c_nom_de_ton_fichier_js.js

**dukoid** · 18/11/2015, 17h24

aah yes ! j'ai zappé cette indication dans la doc !!

MERCI

avec ça, mes problèmes ont été résolue

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 php app/console assetic:dump --env=prod --no-debug

problème avec assetics en PROD [2.x]

Symfony PHP

Discussions similaires

Partager

Partager