Twitter bootstrap SimpLESS赢得';编译初始化器生成的引导

Twitter bootstrap SimpLESS赢得';编译初始化器生成的引导,twitter-bootstrap,less,Twitter Bootstrap,Less,我刚刚下载了一个由Initializer生成的Bootstrap版本。我还安装了SimpLESS,以避免不断手动重新编译我的LESS文件,并避免使用浏览器内编译器。但是SimpLESS拒绝编译我目录中非常基本的style.css文件。它吐出: Result of expresiin style.less on 'e.message' [undefined] is not an object. 注意:“表达式”的拼写确实与上面的显示方式相同 My style.less文件当前如下所示: @imp

我刚刚下载了一个由Initializer生成的Bootstrap版本。我还安装了SimpLESS,以避免不断手动重新编译我的LESS文件,并避免使用浏览器内编译器。但是SimpLESS拒绝编译我目录中非常基本的style.css文件。它吐出:

Result of expresiin style.less on 'e.message' [undefined] is not an object.
注意:“表达式”的拼写确实与上面的显示方式相同

My style.less文件当前如下所示:

@import "bootstrap/bootstrap.less";

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

@import "bootstrap/responsive.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";

我没有花很长时间尝试Simpless,似乎根本没有编译引导

您可以尝试使用由或a提供的JavaScript(我还没有尝试过这个)

下面是一个非常基本的编译器示例,如果您只想偶尔编译


否则,请检查。

我遇到了相同的问题,解决方法是不使用嵌套的@imports。我在Win7上使用的是SimpLESS 1.4和Bootstrap 2.1.0,如果您的style.less文件如下所示,则它可以工作:

@import "bootstrap/bootstrap.less";

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

@import "bootstrap/responsive.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";

格拉尔。我还尝试了WinLESS,这也导致了大量的编译器错误。我可以设置官方CLI编译器来监视我的工作目录并自动编译吗?