8

2 つの LESS ファイルがあります。Globals.less および Site.less。Globals.less には、すべてのグローバル (go figure) 変数と、CSS リセット定義へのインポートが含まれています。Site.less には、使用中のスタイルが含まれています。

Globals.less:

//Imports
@import "CSSReset.less";

//Colors
@color-background: rgb(0, 0 , 0);

サイトなし:

@import "Globals.less";

body {
    background: @color-background url('/Images/BackgroundTextureBody.png');
}

問題は次のとおりです。Visual Studio では、Site.less の @color-background に下線が引かれ、エラーは「宣言されていない変数」ですが、LESS は CSS に正常にコンパイルされ、背景色は適切に #000 に設定されます。何よりも厄介ですが、Intellisense が失われ、エラー リストに警告が表示されます。Site.less を編集しているときに、エディターが期待どおりに動作し、Globals.less の宣言を「見る」ことができるようにしたいと考えています。これはバグですか、それとも環境が正しくセットアップされていませんか?

4

3 に答える 3

1

古いバージョンのWebEssentials2012を使用していたことが判明しました。最初に確認して失敗したのは、環境が最新であることを確認することでした。Web Essentialsを最新バージョンに更新すると、問題が修正されました。

于 2012-12-09T20:17:28.373 に答える
1

Visual Studio (または LESS インタープリター) は、インポートされた Globals.less 内の変数のスコープを認識していないようです。

変数のインポートは通常の一般的なことなので、Visual Studio のセットアップにバグがあるか機能がないことをお勧めします。

于 2012-12-09T19:24:43.603 に答える