編譯bootstrap.less時出錯。我錯過了什麼每次當我嘗試編譯我自己.LESS文件時間

，我得到以下錯誤：編譯bootstrap.less時出錯。我錯過了什麼每次當我嘗試編譯我自己.LESS文件時間

SyntaxError: variable @height, visibility is undefined in {web root}/resources/less/bootstrap/component-animations.less on line 31, column 3: 
30 overflow: hidden; 
31 .transition-property(~"height, visibility"); 
32 .transition-duration(.35s);

我使用NetBeans中的編譯器較少，所以我不寫的所有less命令，但是這是正在執行的一個：

"/bin/bash" "-lc" "\"/usr/local/bin/lessc\" \"--source-map\" \"--source-map-rootpath=../less\" \"--source-map-url=extraStyle.css.map\" \"--clean-css\" \"{web root}/resources/less/extraStyle.less\" \"{web root}/resources/css/extraStyle.css\""

而在這個文件中出現的錯誤：

// 
// Component animations 
// -------------------------------------------------- 

// Heads up! 
// 
// We don't use the `.opacity()` mixin here since it causes a bug with text 
// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 

.fade { 
    opacity: 0; 
    .transition(opacity .15s linear); 
    &.in { 
    opacity: 1; 
    } 
} 

.collapse { 
    display: none; 
    visibility: hidden; 

    &.in  { display: block; visibility: visible; } 
    tr&.in { display: table-row; } 
    tbody&.in { display: table-row-group; } 
} 

.collapsing { 
    position: relative; 
    height: 0; 
    overflow: hidden; 
    .transition-property(~"height, visibility"); 
    .transition-duration(.35s); 
    .transition-timing-function(ease); 
}

我無法找到有關這個問題的任何。有人可以幫助我嗎？

來源

2015-01-13 MemesisZX

引導的.transition-property()混入已在以下/混入/供應商refixes.less

被定義據我瞭解在.transition-property()混入使用@@transition;代替@transition;時，你只能重現此錯誤。官方的BS源代碼不包含這樣的錯誤。可能你在你的extraStyle.less中定義了一個.transition-property() mixin，其中包含@@transition;？注意Less編譯器編譯所有匹配的mixin。

爲代碼，你嘗試編譯將編譯類似：

.mixin(@list) { 
property: @list; 
p2: @list; 
} 

.selector { 
.mixin(~"1 2"); 
}

輸出：

.selector { 
    property: 1 2; 
    p2: 1 2; 
}

這句法也應在早期版本的減工作。

通知前面已經提到，當我改變混入上面如下：

.mixin(@list) { 
property: @@list; 
p2: @list; 
}

上述結果在SyntaxError: variable @1 2 is undefined in

來源

2015-01-13 14:44:47

我終於得出了結論，我有兩個混入具有相同的名稱，但與變量的另一種方法。我沒有注意到它，因爲第二個mixin在另一個.less文件（一個mixin庫）中。排除導入文件後，再次正常工作。

目前我使用Lessc 2.2.0（最新的NPM）因此，也許一個想法2.2.1版本，雙混入（或僅存在名稱）

感謝您的時間反正檢查！

來源

2015-01-14 08:16:07 MemesisZX

編譯bootstrap.less時出錯。我錯過了什麼每次當我嘗試編譯我自己.LESS文件時間

回答

相關問題