YUI Compressor : l’identifiant de propriété est incorrect (invalid properties id)

YuiCompressor : l'identifiant de propriété est incorrect (undefined properties id)

YUI Compressor est un outil proposé par Yahoo et qui permet de compresser les fichiers JavaScript et CSS de vos pages web. Tout ceci dans le but de réduire le poids de vos pages, limiter le nombre de requêtes HTTP nécessaires à leur chargement, et ainsi de gagner en performances.


J’utilise régulièrement cet outil et je suis tombé sur cette erreur il y a peu :

l'identifiant de propriété est incorrect

ou

invalid properties id

A ma connaissance il y a 2 choses qui peuvent être à l’orgine de ce problème :

1 – Un simple problème d’encodage du fichier javascript. Dans ce cas il suffit de préciser l’encodage à YuiCompressor en utilisant le paramètre charset. Par exemple :

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js --charset utf-8

2 – Ou, un problème un peu compliqué à trouver : Une « mauvaise » utilisation de la propriété CSS « float ». Je m’explique : Si dans votre code javascript vous avez quelque chose comme :

$("#madiv").css({float:"right",color:"blue"});

Alors cette erreur apparaitra. Pourquoi ? Et bien cela vient tout simplement du fait que en javascript le mot « float » est un mot clé réservé ! Pour résoudre ce problème il suffit d’entourer le mot float de quotes :

$("#madiv").css({'float':"right",color:"blue"});

Voila, si ça peut éviter à quelqu’un de s’arracher les cheveux ;)

YUI Compressor

Laisser un commentaire

Catégories
Nuage de Tags