SimplESS不會編譯initializr生成的引導程序

Question

我剛剛下載了一個intializr生成的Bootstrap版本。我還安裝了SimpLESS，以避免不斷需要手動重新編譯我的LESS文件，並避免使用瀏覽器內編譯器。然而，SimpLESS拒絕編譯我的目錄中非常基本的style.css文件。它吐出：

Result of expresiin style.less on 'e.message' [undefined] is not an object. 

注意：「表達式」確實拼寫的方式，如上所示。

我style.less文件目前看起來是這樣的：

@import "bootstrap/bootstrap.less"; 

body { 
    padding-top: 60px; 
    padding-bottom: 40px; 
} 

@import "bootstrap/responsive.less"; 

Answer 1

我遇到了同樣的問題，對我的解決方法是沒有嵌套的@imports。我在Win7上使用SimpLESS 1.4和Bootstrap 2.1.0，它可以工作，如果你的style.less文件看起來像這樣：

// CSS Reset 
@import "reset.less"; 

// Core variables and mixins 
@import "variables.less"; // Modify this for custom colors, font-sizes, etc 
@import "mixins.less"; 

// Grid system and page structure 
@import "scaffolding.less"; 
@import "grid.less"; 
@import "layouts.less"; 

// Base CSS 
@import "type.less"; 
@import "code.less"; 
@import "forms.less"; 
@import "tables.less"; 

// Components: common 
@import "sprites.less"; 
@import "dropdowns.less"; 
@import "wells.less"; 
@import "component-animations.less"; 
@import "close.less"; 

// Components: Buttons & Alerts 
@import "buttons.less"; 
@import "button-groups.less"; 
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less 

// Components: Nav 
@import "navs.less"; 
@import "navbar.less"; 
@import "breadcrumbs.less"; 
@import "pagination.less"; 
@import "pager.less"; 

// Components: Popovers 
@import "modals.less"; 
@import "tooltip.less"; 
@import "popovers.less"; 

// Components: Misc 
@import "thumbnails.less"; 
@import "labels-badges.less"; 
@import "progress-bars.less"; 
@import "accordion.less"; 
@import "bootstrap/carousel.less"; 
@import "bootstrap/hero-unit.less"; 

// Utility classes 
@import "utilities.less"; // Has to be last to override when necessary 


//Needed if using fixed navbar 
body { 
    padding-top: 60px; 
    padding-bottom: 40px; 
} 
.sidebar-nav { 
    padding: 9px 0; 
} 

// RESPONSIVE CLASSES 
// ------------------ 

@import "responsive-utilities.less"; 


// MEDIA QUERIES 
// ------------------ 

// Large desktops 
@import "responsive-1200px-min.less"; 

// Tablets to regular desktops 
@import "responsive-768px-979px.less"; 

// Phones to portrait tablets and narrow desktops 
@import "responsive-767px-max.less"; 


// RESPONSIVE NAVBAR 
// ------------------ 

// From 979px and below, show a button to toggle navbar contents 
@import "responsive-navbar.less"; 

Answer 2

我沒有很長的嘗試SimpleLESS，似乎並沒有編譯引導的。

你可以嘗試使用由lesscss.org提供的JavaScript或者php less compiler（我還沒有試過這個）。

這是一個非常基本的編譯器的例子，如果你只想不時編譯。 http://pastebin.com/vXXFdvnk

否則檢查lesscss.org propositions。