Forum : tuto jour 1 : bootstrap twitter et less

Bonjour,

J'essaye de suivre les tuto sur cakePhp et ça avance pas mal (ça fait la troisième fois que je le refais pour essayer de progresser petit à petit en lisant la doc.
Bref vous allez rire, ce n'est pas au niveau du php que je galère c'est pour le bootstrap de twitter. J'aimerais l'installer avec less comme expliquer dans le tuto. Mais j'ai ce message d'erreur :

NOT_FOUND_ERR: DOM Exception 8
in bootstrap.less 
at m (http://localhost/webdojo/js/less.js:8:1814)
at http://localhost/webdojo/js/less.js:9:20736
at http://localhost/webdojo/js/less.js:8:1157
at Object.p.parse (http://localhost/webdojo/js/less.js:8:10899)
at http://localhost/webdojo/js/less.js:8:1112
at a (http://localhost/webdojo/js/less.js:8:2277)
at g (http://localhost/webdojo/js/less.js:8:2729)
at d (http://localhost/webdojo/js/less.js:8:794)
at p (http://localhost/webdojo/js/less.js:8:451)
at Object.r.refresh (http://localhost/webdojo/js/less.js:9:20632)

alors dans default.ctp voici mon code

<?php
        echo $this->Html->meta('icon');
        echo $this->Html->css('cake.generic');
        echo $this->fetch('meta');
        echo $this->fetch('css');
        echo $this->fetch('script');
    ?>
    <link rel="stylesheet/less" href="<?php echo $this->Html->url('/css/bootstrap.less'); ?>" />
        <?php echo $this->Html->script('less'); ?>

Et voici ce que me retourne la console de debugage de chrome :

<link rel="stylesheet" type="text/css" href="/webdojo/css/cake.generic.css">
<link rel="stylesheet/less" href="/webdojo/css/bootstrap.less">
<script type="text/javascript" src="/webdojo/js/less.js"></script>

Je ne comprends pas du tout quoi faire.

Remarque :

le bootstrap est composé de plus de 40 fichiers .less maintenant (contrairement à la vidéo où il y en a une petite dizaine.
lorsque je charge less.js dans sublime text 2 il est sur deux lignes (d'habitude tout est sur une ligne) et les 3/4 de la première ligne sont grisée (il n'y a pas la coloration syntaxique.

Merci à tous !!!

louroulou

Auteur

Après quelques petites recherches (en fait vraiment pas mal de recherche), j'ai pas trouvé grand chose, par contre j'ai modifié la version de less.js par curiosité : j'ai pris la 1.3.0 (j'avais télécharger la dernière version : 1.3.1)

voici le message d'erreur qui est un peu plus spécifique qu'avant il me semble :

No matching definition was found for `.spanX()`
in grid.less on line 7, column 1:
6
// Fixed (940px)
7
#grid > .core(@gridColumnWidth, @gridGutterWidth);

J'ai commenté la ligne visée pour voir mais après il me sort d'autre message et je ne vais pas tout commenté, surtout que je peux en avoir besoin.

Merci.

tuto jour 1 : bootstrap twitter et less

1 réponse