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

Res*_*had 2 byte-order-mark phpstorm twitter-bootstrap gruntjs twitter-bootstrap-3

我尝试使用bootstrap与bower和grunt为我的Laravel项目创建一个好的CSS,一切正常,直到我尝试使用命令

grunt less
Run Code Online (Sandbox Code Playgroud)

在我的终端,它说

NameError:变量@ font-family-base在第28行第16列的bower_components/bootstrap/less/scaffolding.less中未定义

当然,这会发生在bootstrap目录中的所有变量中.我之前读过有这个问题的人,之前有UTF8结构和BOM,但是在我的编辑器(PHPSTORM)中,当我右键单击bootstrap文件夹并点击删除BOM时它没有帮助.

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

ps我已经使用教程来创建结构

小智 5

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

@import"variables.less";

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

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

希望它能奏效.