tuto jour 1 : bootstrap twitter et less

Par louroulou, il y a 13 ans


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 :

Merci à tous !!!

1 réponse

louroulou, il y a 13 ans

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.