2012-12-04 19 views
27

Pracuję nad moim pierwszym projektem z bootstrapem i pojawia się ten błąd za każdym razem, gdy próbuję wyświetlić mój projekt. Rozejrzałem się i nie mogłem znaleźć kogoś z tym samym problemem. Każda pomoc będzie świetna! Z góry dziękuję.zmienna @fontAwesomeEotPath_iefix jest niezdefiniowana


Mniej :: ParseError w Search Wskaźnik

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> 

Oto moja 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; 
} 
+0

Należy zauważyć, że '@fontAwesomeEotPath jest niezdefiniowana' jest rzeczywiście tym samym problemem –

+0

możliwy duplikat http://stackoverflow.com/questions/13701132/ – freemanoid

Odpowiedz

66

zauważyć, że bootstrap_and_overrides.css .less nie ma var na błąd, na który narzeka.

Dodaj następującą linię do innych zmiennych @fontAwesome i powinieneś być dobry.

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

Lub zaktualizuj instalację programu startowego twitter, uruchamiając rails g bootstrap:install -f.

+5

właśnie uratowałeś moje popołudnie. – Max

+0

Nie było dla mnie jasne, że musiałem ponownie uruchomić generator albo na upgrade. TY –

+0

Zaoszczędziłeś mi dużo czasu. Dzięki! – ExiRe

3

Może zapomniałeś zainstalować bootstrap, możesz spróbować polecenia poniżej.

rails g bootstrap:install 
20

To też mi się przydarzyło. Po aktualizacji gem Bootstrap musisz zaktualizować jego javascript i css. Aby to zrobić, należy uruchomić to:

rails g bootstrap:install -f 

Spowoduje to dodanie odpowiedniego wiersza do pliku app/assets/css/bootstrap_overrides.css.less który wygląda następująco:

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

to rozwiąże problem.

+4

Należy pamiętać, że spowoduje to usunięcie wszystkich niestandardowych zmian z 'app/assets/css/bootstrap_overrides.css.less' –

+0

@SvenKoschnicke: To prawda. Ale zwykle nie używamy tego pliku, aby dodać nasze niestandardowe metody. Dziękujemy za zwrócenie na to uwagi. – Jyothu

Powiązane problemy