2012-12-04 13 views
27

मैं बूटस्ट्रैप के साथ अपनी पहली परियोजना पर काम कर रहा हूं और जब भी मैं अपनी परियोजना को आजमाता हूं और देखता हूं तो मुझे यह त्रुटि मिलती है। मैंने चारों ओर देखा है और किसी को भी एक ही समस्या के साथ खोजने में सक्षम नहीं है। कोई भी मदद बहुत अच्छी रहेगी! अग्रिम में धन्यवाद।परिवर्तनीय @fontAwesomeEotPath_iefix अपरिभाषित


खोज # सूचकांक में कम :: ParseError

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> 

यहाँ मेरी 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

ध्यान दें कि '@fontAwesomeEotPath अपरिभाषित है' वास्तव में यह वही समस्या है –

+0

http://stackoverflow.com/questions/13701132/ – freemanoid

उत्तर

66

सूचना है कि अपने bootstrap_and_overrides.css जब तक var नहीं है iable त्रुटि के बारे में शिकायत कर रहा है।

अन्य @fontAwesome चर के साथ निम्न पंक्ति जोड़ें और आपको अच्छा होना चाहिए।

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

या rails g bootstrap:install -f चलाकर अपने ट्विटर बूटस्ट्रैप को अपडेट करें।

+5

के संभावित डुप्लिकेट आपने अभी मेरी दोपहर को बचाया है। – Max

+0

यह मुझे स्पष्ट नहीं था कि मुझे जनरेटर को अपग्रेड पर फिर से चलाने के लिए था। टीवाई –

+0

आपने मुझे बहुत समय बचाया। धन्यवाद! – ExiRe

3

शायद आप बूटस्ट्रैप को स्थापित करना भूल गए हैं, तो आप नीचे कमांड का प्रयास कर सकते हैं।

rails g bootstrap:install 
20

यह मेरे साथ भी हुआ है। जब आप बूटस्ट्रैप मणि को अपडेट करते हैं तो आपको इसके जावास्क्रिप्ट और सीएसएस को अपडेट करना होगा। ऐसा करने के लिए, इस चलाएँ:

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

यह समस्या का समाधान होगा:

rails g bootstrap:install -f 

यह आपके ऐप/संपत्ति/सीएसएस/bootstrap_overrides.css.less फ़ाइल जो की तरह दिखता है के लिए एक लाइन जोड़ देगा।

+4

ध्यान दें कि यह 'ऐप/संपत्ति/सीएसएस/बूटस्ट्रैप_ओवरराइड्स.css.less' –

+0

@SvenKoschnicke से सभी कस्टम परिवर्तनों को हटा देगा: सही है। लेकिन आम तौर पर हम इस फाइल का उपयोग अपने कस्टम तरीकों को जोड़ने के लिए नहीं करते हैं। वैसे भी इसे इंगित करने के लिए धन्यवाद। – Jyothu

संबंधित मुद्दे