変数のいずれかを dotless または mixin で呼び出すと、結果の CSS ファイルは空になります。
私のセットアップは次のとおりです。
- 他のすべてのドットレス ベースの css ファイルをインポートするインポート ファイルがあります。
- 最初のインポートは変数です
- 2 番目のインポートは mixins (メソッド) です
- 必要な他のファイルが続きます
したがって、ファイル00.1.import.less
には次の内容が含まれます。
@import "00.2.variables";
@import "00.3.methods";
@import "00.4.init";
@import "01.1.html";
結果のリンクを新しいタブにコピーすると、次のように表示されます。
variable @background-dark is undefined on line 24 in file '/Content/00.1.import.less':
[23]: @import "11.1.p";
[24]: @import "13.1.a";
---------------^
[25]: @import "13.2.a-login";
奇妙なことに、その行はまさにインポート行です。そのファイルは、変数やミックスインをまったく使用しません。次のファイルも同様です。現在、変数/ミックスインを1つのファイルでテストしています。
F5 を押すと、次の例外が発生します。
Value does not fall within the expected range.
Stack Trace:
[ArgumentException: Value does not fall within the expected range.]
System.Runtime.InteropServices.Marshal.ThrowExceptionForHRInternal(Int32 errorCode, IntPtr errorInfo) +0
System.Web.Hosting.IIS7WorkerRequest.SetKnownResponseHeader(Int32 index, String value, Boolean replace) +150
System.Web.HttpHeaderCollection.SetHeader(String name, String value, Boolean replace) +219
System.Web.HttpHeaderCollection.Add(String name, String value) +23
System.Web.HttpResponse.AppendHeader(String name, String value) +189
System.Web.HttpResponseWrapper.AppendHeader(String name, String value) +16
dotless.Core.Response.CssResponse.HandleCompression() +646
dotless.Core.Response.CssResponse.WriteCss(String css) +79
dotless.Core.Loggers.AspResponseLogger.Log(String message) +50
dotless.Core.Loggers.Logger.Log(LogLevel level, String message) +80
dotless.Core.Loggers.Logger.Error(String message) +43
dotless.Core.LessEngine.TransformToCss(String source, String fileName) +562
dotless.Core.ParameterDecorator.TransformToCss(String source, String fileName) +420
dotless.Core.HandlerImpl.Execute() +152
dotless.Core.LessCssHttpHandler.ProcessRequest(HttpContext context) +123
System.Web.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() +100
System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously) +75
変数の問題例: 宣言
@background-dark: #404040;
利用方法
div#top
{
height:125px;
border-top: 2px solid #158fa6;
background:@background-dark;
}
これは私が何をしても失敗します。
私がどこで間違っているか知っている人はいますか?