由于变量，将 less 转换为 css 会出错

Question

我尝试使用 bootstrap 和 bower 和 grunt 为我的 Laravel 项目创建一个好的 css，并且在我尝试使用命令之前一切正常

grunt less

在我的终端中显示

NameError: variable @font-family-base is undefined in bower_components/bootstrap/less/scaffolding.less on line 28, column 16

当然，这发生在引导目录中的所有变量上。我读过有人遇到过这个问题，以前是用 BOM 的 UTF8 结构发生的，但是在我的编辑器 ( PHPSTORM ) 中，当我右键单击引导文件夹并单击删除 BOM 时，它没有帮助。

我还能做些什么来完成这项工作？

附言我已经使用this 教程来创建结构

Answer 1

按照您提到的教程，您正在导入

@import "variables.less";

在 base.less 文件中。尝试将其更改为

@import "../../../bower_components/bootstrap/less/variables.less";

希望它会起作用。