11

Web Essentials 2012 の助けを借りて、学ぶことを減らしたいと思っています。

最初から、この LESS コード:

@main-color: red;

.mega-warning {
    font-size: 24px;
    color: @main-color;
}

コンパイルエラー「LESS:認識されない入力」が発生し、コンパイルが停止します。クラススコープ@main-color内で変数を宣言すると、すべてが機能します:.mega-warning

.mega-warning {
    @main-color: red;
    font-size: 24px;
    color: @main-color;
}

私は何が欠けていますか?

4

4 に答える 4

9

エンコーディング"UTF-8 without BOM"で保存するファイルを減らします。このアプローチは、投稿 VS 2012 Web Essentials Less Compile Errorで提案されました。

于 2013-11-20T08:05:44.267 に答える
0

VS / Web Essentials 2013 でこの問題が発生しました。私の修正は.less、テンプレートを使用してファイルを再作成することでした。.cssもともと拡張子を からに変更したばかりだったの.lessですが、どうやらうまくいきません。.lessそのため、代わりにファイルにVisual Studio テンプレートを使用してください。

その.lessテンプレートがどこから来たのかは定かではありませんが、Web Essentials に付属していたのかもしれませんし、SideWaffleテンプレート パックに付属していたのかもしれません。

于 2014-08-07T03:14:50.580 に答える
0

以下のファイルへの参照を追加した場所でこれを試してください:

rel="stylesheet/less"

これにより、参照は次のようになります

<link rel="stylesheet/less" type="text/css" href="styles.less" />

less.js をダウンロード<script>し、それを参照するタグを に追加し<head>ます。css は の<link>前に来る必要があり<script>ます。

于 2013-08-12T05:45:40.940 に答える