9

これは、main.lessすでにbootstrapパッケージを追加したmeteorアプリのファイルです。

@import "variables.less";
@import "mixins.less";

#searchbar {
  .border-radius(10px);
  .box-shadow();
}

しかし、でアプリを開くと、http://localhost:3000/次のエラーが発生します。

Your app is crashing. Here's the latest log.

Errors prevented startup:
/Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined
/Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined
Your application is crashing. Waiting for file change.

、、、および他のすべてのブートストラップクラスは、私のソースからは問題なく機能し.span4ます（これは、ベースディレクトリにもあります） 。.dropdownmain.htmlmain.less

でブートストラップミックスインを使用するにはどうすればよいmain.lessですか？

更新：驚くべきことに、これを入れればmain.less

@import "variables.less";
@import "mixins.less";

#searchbar {
}

その後、エラーはに変わります

Your app is crashing. Here's the latest log.

Errors prevented startup:
/Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found.

/Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found.

Your application is crashing. Waiting for file change.
4

3 に答える 3

6

border-radiusTwitterブートストラップ3にはミックスインはありません。mixins.less次のものだけが含まれています。

// Single side border-radius
.border-top-radius(@radius) {
  border-top-right-radius: @radius;
   border-top-left-radius: @radius;
}
.border-right-radius(@radius) {
  border-bottom-right-radius: @radius;
     border-top-right-radius: @radius;
}
.border-bottom-radius(@radius) {
  border-bottom-right-radius: @radius;
   border-bottom-left-radius: @radius;
}
.border-left-radius(@radius) {
  border-bottom-left-radius: @radius;
     border-top-left-radius: @radius;
}
于 2013-03-20T14:00:54.977 に答える
3

Meteor Bootstrapパッケージには、コンパイルされたCSSコードのみが含まれ、Lessファイルは含まれていません。これにより、Bootstrapパッケージを使用するためにLessパッケージに依存する必要がなくなりますが、残念ながら、独自のLessファイルですべてのLessミックスインと優れた機能を利用できるわけではありません。これらを使用する場合は、Bootstrapパッケージを削除し、Less Meteorパッケージを使用して、Bootstrap Lessテンプレート、JSファイル、およびimgファイルをアプリpublicまたはclientフォルダーにコピーする必要があります。

于 2012-05-17T01:07:47.040 に答える
2

この目的のために構築されたmeteroriteプロジェクトbootstrap3-lessを使用して、同じ問題を解決しました。

于 2013-11-23T15:31:52.847 に答える