較少掛起Sinatra應用程序

Question

我想將Bootstrap添加到Sinatra應用程序。我有設置路線來編譯bootstrap.less和responsive.less。分別在Web瀏覽器中加載這兩個樣式表可以正常工作。但是當我嘗試在html頁面中使用它們時，我的應用程序掛起。我只能通過kill -9停止申請。

似乎有點少進口和多個樣式表會導致應用程序掛起。我能夠隔離問題：

!!! 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

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 

的意見/ 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; 
} 

訪問索引頁掛起西納特拉。如果我在html頁面中註釋掉style2.less或在style1.less中註釋掉shadows.less或mixins.less，則頁面按預期加載。

任何想法可能是什麼問題或如何進一步調試？

Answer 1

我把你的文件和一些小的修改對他們說：

• 我改名style2.css到style2.less這樣我就可以使用它少，並最終下載style2.css用正確的CSS語法---它沒有與其他分機一起工作。
• 而且，我告訴了一點，搜索指令的路徑是Sinatra的視圖路徑：Less.paths << settings.views。

因此，通過這些更改，Sinatra應用程序停止掛起。