如何@import兄弟目录中的lesscss文件

Question

在我的ExpressJS项目中，我使用较少中间件0.1.9 npm模块和Twitter Bootstrap作为git子模块。我正在尝试使用Bootstrap mixin，但是我从较少的中间件中收到undefied错误：

  LESS Parse error : Syntax Error on line 4
  LESS File : <project root>/public/styles/style.less 4:1
undefined

<project root>/public/styles/style.less的前4行：

@import "bootstrap/styles/mixins.less";

#middle {
    #gradient > .vertical();
}

我尝试了@import语句的几种变体：

@import "/bootstrap/styles/mixins.less";
@import "../bootstrap/styles/mixins.less";
@import "./../bootstrap/styles/mixins.less";
@import "./bootstrap/styles/mixins.less";

文件结构的相关部分如下所示：

. // <project root>
├── public
│   ├── bootstrap
│   │   └── styles -> ../../submodules/bootstrap/less/
│   └── styles
│       └── style.less
├── app.js

app.js一直在解析public文件夹中的lesscss文件，直到我将渐变代码添加到public/styles/style.less。

我所指的文件存在于我期望的位置，它包含我正在寻找的mixin：

$ ls public/bootstrap/styles |grep mixins
mixins.less
$ cat public/bootstrap/styles/mixins.less |grep .vertical
  .vertical(@startColor: #555, @endColor: #333) {

public/bootstrap/styles/mixins.less的详细信息：

// Gradients
#gradient {
    ...
    .vertical(@startColor: #555, @endColor: #333) {
        background-color: mix(@startColor, @endColor, 60%);
        background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
        ...
    }
    ...
}

谁能看到我哪里出错了？我看了很多类似的问题，但我仍然无法弄明白。