2016-01-01 12 views
5

我使用codekit編譯我引導LESS文件塊的語句和我不斷收到有關媒體查詢,當它以前是一個CSS文件,我沒有得到這個語法錯誤。少CSS解析錯誤:媒體定義需要

「ParseError:介質定義的要求/assets/less/homepage.less任何特徵後塊語句上線568,第2列: 567 @media(最大寬度:@iphone_breakpoint){ 568}」

這裏的代碼有問題的完整產品線:

/* Custom, iPhone Retina */ 
@media (max-width: @iphone_breakpoint) { 
} 

任何人能解釋這是怎麼回事?

+0

何評論潔具您導入此文件少?您正在使用(較少)還是(內聯) – LOTUSMS

+0

我使用較少的文件作爲主文件來導入多個較少的文件進行編譯。一切順利的意志,直至碰到媒體查詢這恰好是homepage.less – kingj2002

+0

請參閱本http://stackoverflow.com/questions/34438723/grunt-contrib-less-fails-with-angular-material-最後一頁媒體查詢 – LOTUSMS

回答

5

剛把這個錯誤,發現問題是一個簡單的語法錯誤。我會發布什麼爲我工作。

錯誤

>> SyntaxError: media definitions require block statements after any 
>> features in _assets/less/styles.less on line 144, column 2: 
>> 
>> 143 
>> 144 div { 
>> 145   .links { 

意識到錯誤顯示線爲各地,下面我們將看到

在下面的代碼我已經忘了.(期)時,使用內置的.hidden()mixin

此輸出錯誤:

SyntaxError: media definitions require block statements after any features in dir/bar/foo.less on line 144, column 2:

有點誤導的錯誤是在線149該專區內的孩子。

div {    // Line 144 
    .links { 
     .hidden(); 
    } 
    .other-links { 
     // Missing `.` for using the mixin 
     hidden(); // The real error is here on Line 149 
    } 
} 

摘要:

請確保您有在顯示的錯誤指出錯誤的孩子沒有語法錯誤。

  1. 檢查混入前失蹤週期。 hidden() -> .hidden()
  2. 檢查所有其他錯誤?

發現造成這個錯誤的另一個語法錯誤?
讓我們知道,下面

+1

在我的情況下,這是一個流浪')',沒有在@media查詢中顯示爲語法錯誤。 – MartijnK