less CSS parse error: media definitions require block statements

Question

我正在使用 codekit 来编译我的 Bootstrap LESS 文件，并且我在媒体查询中不断收到此解析错误，而我以前是 CSS 文件时没有收到此错误。

"ParseError: media definitions require block statements after any features in /assets/less/homepage.less on line 568, column 2: 567 @media（最大宽度：@iphone_breakpoint）{ 第568章

这是有问题的完整代码行：

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

谁能解释一下这是怎么回事？

Answer 1

刚遇到这个错误，发现问题是一个简单的语法错误。我会 post 对我有用的东西。

错误:

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

注意错误显示该行在 144-145 附近，下面我们将看到

在下面的代码中，我忘记了 .（句点），当使用 twitter-bootstrap 的内置 .hidden() mixin 时。

这输出错误：

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

有点误导，因为错误是第 149 行 div 中的一个子项。

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

总结：

确保在显示错误的子项中没有语法错误。

检查 mixins 之前是否缺少句点。 hidden() -> .hidden()
检查所有其他错误 ?

是否发现了导致此错误的另一个语法错误？
让我们知道，在下方评论

less CSS parse error: media definitions require block statements

less CSS parse error: media definitions require block statements

css

less

media-queries

twitter-bootstrap

codekit