爲什麼這些代碼不能編譯？

Question

我已經提取了這段較少的代碼，當它運行一個異步任務來編譯這個較少的代碼時，會導致Web應用程序拋出一個錯誤。我從來沒有寫過較少的文章，也沒有從我對文檔的最初閱讀中減少，我似乎無法找到最新的錯誤。有人知道什麼是錯的？ 這是錯誤：

ParseError: Unrecognised input in /Users/****/Desktop/testmoreless.css on line 4, column 3: 
3 
4 .core (@gridColumnWidth, @gridGutterWidth) { 
5 

這是整個代碼塊：

#grid { 

    .core (@gridColumnWidth, @gridGutterWidth) { 

    .spanX (@index) when (@index > 0) { 
     (~".span@{index}") { .span(@index); } 
     .spanX(@index - 1); 
    } 
    .spanX (0) {} 

    .offsetX (@index) when (@index > 0) { 
     (~".offset@{index}") { .offset(@index); } 
     .offsetX(@index - 1); 
    } 
    .offsetX (0) {} 

    .offset (@columns) { 
     margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + (@gridGutterWidth * 2); 
    } 

    .span (@columns) { 
     width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)); 
    } 

    .row { 
     margin-left: @gridGutterWidth * -1; 
     .clearfix(); 
    } 

    [class*="span"] { 
     float: left; 
     margin-left: @gridGutterWidth; 
    } 

    // Set the container width, and override it for fixed navbars in media queries 
    .container, 
    .navbar-fixed-top .container, 
    .navbar-fixed-bottom .container { .span(@gridColumns); } 

    // generate .spanX and .offsetX 
    .spanX (@gridColumns); 
    .offsetX (@gridColumns); 

    } 

    .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) { 

    .spanX (@index) when (@index > 0) { 
     (~"> .span@{index}") { .span(@index); } 
     .spanX(@index - 1); 
    } 
    .spanX (0) {} 

    .span (@columns) { 
     width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)); 
    } 

    .row-fluid { 
     width: 100%; 
     .clearfix(); 
     > [class*="span"] { 
     float: left; 
     margin-left: @fluidGridGutterWidth; 
     } 
     > [class*="span"]:first-child { 
     margin-left: 0; 
     } 

     // generate .spanX 
     .spanX (@gridColumns); 
    } 

    } 

    .input(@gridColumnWidth, @gridGutterWidth) { 

    .spanX (@index) when (@index > 0) { 
     (~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}") { .span(@index); } 
     .spanX(@index - 1); 
    } 
    .spanX (0) {} 

    .span(@columns) { 
     width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 10; 
    } 

    input, 
    textarea, 
    .uneditable-input { 
     margin-left: 0; // override margin-left from core grid system 
    } 

    // generate .spanX 
    .spanX (@gridColumns); 

    } 

} 

Answer 1

看看這個answer。

報價逐字答案：

---

這是文件原本有什麼：

(~".span@{index}") { .span(@index); } 

後閱讀LESS change log，我發現，他們改變了語法，所以你現在可以直接使用變量不需要破解。所以我改變了我的mixin.less看起來像這樣：

.span@{index} { .span(@index); } 

有一對夫婦，你需要改變其他線路，但都遵循相同的格式。

(~".offset@{index}") { .offset(@index); }變化→ .offset@{index} { .offset(@index); }