Question

我正在使用MobileAngularUI框架。

当gulp任务构建我的应用程序时，如果LESS源文件覆盖了一些Bootstrap变量，我会收到一个奇怪的错误：

Error evaluating function `darken`: color.toHSL is not a function in file /Users/fabio/mobileangularui/bower_components/bootstrap/less/variables.less line no. 382

在我的LESS文件中，我覆盖了一些这样的变量，例如：

@brand-primary: #FF9900;
@my-navbar-link-color: #3399CC;

@navbar-default-color: @brand-primary;
@navbar-default-link-color: @my-navbar-link-color;

问题是什么，为什么我会收到此错误？

提前致谢！

Answer 1

在variables.less中，使用@navbar-default-brand-color变量：

@navbar-default-brand-color: @navbar-default-link-color;
@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);

你得到的错误是因为变暗函数（LESS本机函数）无法解析你的@my-navbar-link-color，所以检查你是否有一个有效的颜色（在代码片段中，它似乎是有效的）

Answer 2

使用颜色值时发生同样的错误：transparent

少见＆amp; Bootstrap：错误评估函数`darken`：color.toHSL不是文件中的函数

2 个答案: