css - LESS 导入不起作用

Question

我在使用@import 时遇到问题。到目前为止，我有一个 style.less 文件，看起来像这样：

/*
* Screen-Cuts.Com Styles
* 
*/


/* Mixins
======================================== */

@import "grid.less";

/* Main Page Styles 
======================================== */

body {
}

header {
    h1 {
        font-family: 'Exo', san-serif;
        margin: 0 auto;
        font-size: 2.25em
    }
    nav[role="navigation"] {
        font-family: 'Lato', sans-serif;
        font-size: 1.25em;

        ul {
            list-style: none;

            li {
                float: left;
            }
        }
    }           
}

但是，当我编译较少的代码时，@import 似乎不起作用，并且我没有收到任何编译错误。这是输出：

/*
 * Screen-Cuts.Com Styles
 * 
 */
/* Variables
======================================== */
/* Mixins
======================================== */
/* Main Page Styles 
======================================== */
header h1 {
  font-family: 'Exo', san-serif;
  margin: 0 auto;
  font-size: 2.25em;
}
header nav[role="navigation"] {
  font-family: 'Lato', sans-serif;
  font-size: 1.25em;
}
header nav[role="navigation"] ul {
  list-style: none;
}
header nav[role="navigation"] ul li {
  float: left;
}

此外，当我尝试使用在 grid.less 中定义的 mixin 时，我收到一个编译时错误，指出没有定义 mixin。有谁可以帮我离开这里吗？我确定我犯了一个愚蠢的错误，但是我环顾四周并找不到任何线索。

Answer 1

我在这里解决了问题。grid.less 文件中存在编译错误。一旦我修复了该错误，文件就被导入了。