LESS css变量不起作用答案

【问题标题】：LESS css variable not workingLESS css变量不起作用
【发布时间】：2020-10-22 15:29:27
【问题描述】：

我是 LESS 的新手，我在开发环境中使用的是 less.js。问题是，当我声明一个变量时，它无法正常工作。

@bground: #c0c9c8;
body{
    background-color: @bground;
}

如您所见，@bground 没有传递它的值。如果我输入直接值，它将出现，这证明 .less 设置正确。我正在使用最新版本的 Chrome 并在 Mac 上本地运行。除变量外，一切正常。如果工作中没有变量，我将无法使用 LESS 功能。

【问题讨论】：

只是为了确保，您是否首先在相关页面上包含 CSS <link rel="stylesheet/less" type="text/css" href="styles.less">，然后包含 javascript <script src="less.js" type="text/javascript"></script>？
@HenrikAmmer 是的，我做到了。首先是样式表，然后是 Less.js。
您在 Chrome 中使用控制台和/或在 Firefox 中使用 Firebug 吗？如果是这样，您是否在控制台中看到任何关于是否出现问题的错误？
有一个错误：资源解释为样式表，但使用 MIME 类型 text/plain 传输：“file://localhost/Users/Firdaus/Documents/WebProject/HackerHiresV2/less/main.less”。

标签： css less

【解决方案1】：

如果您使用的是 apache，请在根文件夹中创建一个 .htaccess 文件，如果您已经有，只需添加以下行：

AddType text/css .less

这将告诉 apache 为 .less 文件发送正确的内容类型标头

【讨论】：

这是我发现的错误：i.invoture.com/thumbs/screenshot.png">
解决了。在此之前，我使用的是直接文件：//，但我的控制台中没有错误。所以我所做的是通过将它上传到实时服务器来在服务器上进行测试，它就像一个魅力。因此，LESS.js 需要使用直接 file:// 没有的 XMLHttpRequest。现在我正在使用 MAMP，并将其标记为已解决。谢谢大佬！

【解决方案2】：

请确保您在页面中加载了较少的 js 文件以容纳较少的文件。

使用

<script src="//cdn.jsdelivr.net/npm/less" ></script>

为此。

同时在加载你的 less 文件时使用以下语法

<link rel="stylesheet/less" type="text/css" href="dist/css/<your less file>.less" />

如前所述，确保在标签上使用rel 和type 属性。

【讨论】：