कम लटकना सिनात्रा आवेदन

Question

मैं एक सिनात्रा आवेदन में बूटस्ट्रैप जोड़ने की कोशिश कर रहा हूं। मेरे पास bootstrap.less और responsive.less संकलित करने के लिए सेटअप मार्ग हैं। एक वेब ब्राउज़र में अलग-अलग दो स्टाइलशीट लोड होने की उम्मीद के अनुसार काम करता है। लेकिन जब मैं उन्हें HTML पृष्ठ में उपयोग करने का प्रयास करता हूं तो मेरा एप्लिकेशन लटकता है। मैं केवल kill -9 के साथ एप्लिकेशन को रोक सकता हूं।

ऐसा लगता है कि किसी भी तरह कम आयात और एकाधिक स्टाइलशीट एप्लिकेशन की लटकती हैं। मैं इस समस्या को अलग करने में सक्षम था:

app.rb

require 'rubygems' 
require 'bundler/setup' 

require 'sinatra' 
require 'less' 

get '/' do 
    haml :index 
end 

get '/style1.css' do 
    less :style1, :paths => ['views'] 
end 

get '/style2.css' do 
    less :style2, :paths => ['views'] 
end 

विचारों

!!! 5 
%html 
    %head 
    %title Hello World 
    %link{'rel' => 'stylesheet', 'href' => 'style1.css', 'type' => 'text/css'} 
    %link{'rel' => 'stylesheet', 'href' => 'style2.css', 'type' => 'text/css'} 
    %body 
    %h1 Hello World 
    %p Hello World 

विचारों/style1.less/index.haml

@import "mixins.less"; 
@import "shadows.less"; 

@color: #00eeff; 

h1 { 
    color: @color; 
} 

विचारों/mixins.less

.box-shadow(@shadow) { 
    -webkit-box-shadow: @shadow; 
    -moz-box-shadow: @shadow; 
    box-shadow: @shadow; 
} 

विचारों/shadows.less

h1 { 
    .box-shadow(6px 6px 3px #888); 
} 

विचारों/style2.less

@color: #ccff00; 

p { 
    color: @color; 
} 

सूचकांक पृष्ठ तक पहुंचना लटकी हुई है सिनात्रा। यदि मैं style1.less में style2.less पर HTML पृष्ठ या इनलाइन shadows.less या mixins.less में style1.less पर टिप्पणी करता हूं तो पेज लोड होने की अपेक्षा करता है।

कोई विचार क्या समस्या हो सकती है या मैं इसे और कैसे डिबग कर सकता हूं?

Answer 1

मैं अपनी फ़ाइलें ले गए और उन्हें करने के लिए छोटे परिवर्तन किए:

• मैं style2.less को style2.css नाम दिया तो मैं उस पर कम उपयोग कर सकते हैं, और अंततः सही सीएसएस वाक्य रचना के साथ style2.css डाउनलोड --- यह अन्य विस्तार के साथ काम नहीं कर रहा था।
• और, मैंने कम से कम कहा कि निर्देशों की खोज करने का मार्ग, सिनात्रा का विचार पथ था: Less.paths << settings.views।

तो, इन परिवर्तनों के साथ, सिनात्रा आवेदन लटका बंद कर दिया।