2

.flexbox引数を受け入れるミックスインを作成しようとしています。これも@orient自動的に適用さbox-orientれます。と組み合わせて使用​​すると!important、より絞り込んだテストケースでも再現可能なエラーが発生します。

.foo() {
  .bar;
}

.bar {
  color: red;
}

body {
  .foo() !important;
}

これにより、LESSはエラーをスローします（私はnode.jsで使用しています）：

C:\...\node_modules\less\lib\less\parser.js:385
                        throw new(LessError)(e, env);
                              ^
TypeError: Cannot call method 'charAt' of undefined

奇妙なことに、期待どおりに機能する.foo代わりに使用する.foo()：

.foo {
  .bar;
}

.bar {
  color: red;
}

body {
  .foo !important;
}

私は何が間違っているのですか？

4

1 に答える 1

1

すばやく検索すると、このバグレポートが見つかりました。これは既知の問題です。

https://github.com/cloudhead/less.js/issues/740

正直に言うと、他の方法でやろうとしていることを達成しようとすることをお勧めします。less.jsのバックログは、この記事の執筆時点では417の問題が大きいです。すぐに修正される可能性は低いです。

（はい、これはこのバグレポートです。.fooを.barで拡張してネストされたルールを作成しました）

于 2012-06-16T23:20:59.720 に答える