0

@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 が定義されていないというコンパイル時エラーが発生します。誰か助けてくれませんか？私はばかげた間違いを犯していると確信していますが、かなり見回しましたが、手がかりを見つけることができませんでした.

4

1 に答える 1

1

ここで問題を解決しました。grid.less ファイルにコンパイル エラーがありました。そのエラーを修正すると、ファイルがインポートされました。

于 2012-07-28T00:09:14.383 に答える