twitter-bootstrap - WinLess で twitterbootstrap buttons.less をコンパイルするときのエラー

Question

ボタンレスのWinLessで「eval」がnullまたはnotオブジェクトであることを取得します。

誰 ？

ps。すべての最新バージョンを使用し、変数/ミックスインをインポートしました

私が使用したバージョンは次のとおりです。 WinLess 1.5.3 Less 1.3 Bootstrap 2.04

編集：

これは Bootstrap 2.1.1 で修正されています。

Answer 1

Twitterブートストラップチームは、button.lessのような個々のファイルのコンパイルを保証しないと述べています。それらは、必要なすべての依存関係を持つbootstrap.lessのコンパイルを奨励します。それ以外の場合は、button.less（通常はmixins.lessとvariables.less）に必要なすべての依存関係があることを確認する必要があります。

実際、この問題はWinLessのいくつかの解析の問題に関連しているようです。そのため、修正する前に、WinLessパーサーを複製するハックを回避できます。mixins.lessで、変更：

// IE7 inline-block
// ----------------
.ie7-inline-block() {
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
}

と ：

// IE7 inline-block
// ----------------
.ie7-inline-block() {
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
  // comment to make it work with WinLESS
}

// comment to make it work with WinLESSご覧のとおり、WinLessパーサーを複製して機能させるために、に新しい行を追加することで構成されています。

Answer 2

別の回避策があります。

button.less のコメントを削除します

    .btn {
  display: inline-block;
  .ie7-inline-block();
  padding: 4px 10px 4px;
  margin-bottom: 0; // For input.btn
  font-size: @baseFontSize;
  line-height: @baseLineHeight;
  *line-height: 20px;
  color: @grayDark;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
  vertical-align: middle;
  cursor: pointer;
  .buttonBackground(@btnBackground, @btnBackgroundHighlight);
  border: 1px solid @btnBorder;
  *border: 0; **// Remove the border to prevent IE7's black border on input:focus  [remove this]**
  border-bottom-color: darken(@btnBorder, 10%);
  .border-radius(4px);
  .ie7-restore-left-whitespace(); **// Give IE7 some love [remove this]**
  .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
}