27 votes

la variable @fontAwesomeEotPath_iefix n'est pas définie

Je travaille sur mon premier projet avec bootstrap et j'obtiens cette erreur chaque fois que j'essaie de visualiser mon projet. J'ai regardé autour de moi et je n'ai pas pu trouver quelqu'un avec le même problème. Toute aide est la bienvenue! Merci d'avance.


Less :: ParseError in Search # index

 Showing /Users/Basil/Dropbox/College/CS 50/playedby.me/app/views/layouts/application.html.erb where line #4 raised:

variable @fontAwesomeEotPath_iefix is undefined
  (in /Users/Basil/Dropbox/College/CS 50/playedby.me/app/assets/stylesheets/bootstrap_and_overrides.css.less)
Extracted source (around line #4):

1: <!DOCTYPE html>
2: <html>
3: <head>
4:   <%= stylesheet_link_tag    'application.css', :media => "all" %>
5:   <%= javascript_include_tag "application" %>
6:   <%= csrf_meta_tags %>
7: </head>
 

Voici mon bootrstrap_and_overrides.css.less

 @import "twitter/bootstrap/bootstrap";
body { 
padding-top: 60px;
}

@import "twitter/bootstrap/responsive";

// Set the correct sprite paths
@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
@iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png');

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
// Note: If you use asset_path() here, your compiled boostrap_and_overrides.css will not 
//       have the proper paths. So for now we use the absolute path.
@fontAwesomeEotPath: '/assets/fontawesome-webfont.eot';
@fontAwesomeWoffPath: '/assets/fontawesome-webfont.woff';
@fontAwesomeTtfPath: '/assets/fontawesome-webfont.ttf';
@fontAwesomeSvgPath: '/assets/fontawesome-webfont.svg';

// Font Awesome
@import "fontawesome";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/less.html for their names and documentation
//
// Example:
// @linkColor: #ff0000;

@successBackground: white;
@successText: @green;
@errorBackground: white;
@errorText: @red;

@navbarHeight: 60px;

.alert-success, .alert-error {
    border: 10px solid @green;
    padding: 2%;
    font-size: 125%;
    line-height: 150%;
}

.alert-success { 
    border-color: @green;
}

.alert-error {
    border-color: @red;
}
 

66voto

edralph Points 1711

Notez que votre bootstrap_and_overrides.css.less n'a pas la variable dont l'erreur se plaint.

Ajoutez la ligne suivante avec les autres variables @fontAwesome et vous devriez être bon.

 @fontAwesomeEotPath_iefix: asset-path("fontawesome-webfont.eot#iefix");
 

Ou mettez à jour votre installation d'amorçage twitter en exécutant rails g bootstrap:install -f .

19voto

Jyothu Points 1050

Cela m'est aussi arrivé. Lorsque vous mettez à jour la gemme Bootstrap, vous devez ensuite mettre à jour son javascript et css. Pour ce faire, exécutez ceci:

 rails g bootstrap:install -f
 

Cela ajoutera une ligne à votre fichier app / assets / css / bootstrap_overrides.css.less qui ressemble à:

 @fontAwesomeEotPath_iefix: asset-path("fontawesome-webfont.eot#iefix");
 

Cela résoudra le problème.

3voto

andyshi Points 310

peut-être que vous oubliez d'installer bootstrap, vous pouvez essayer la commande ci-dessous.

 rails g bootstrap:install
 

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X