3

私は何人かの友人と Web アプリの簡単なモックアップを作成していて、ログイン システムを使用したいと考えていました。Discover Meteor を読んで完了したところですが、ブートストラップも使用しているため、単純なログインを使用することにしました。しかし、Atmosphere で簡単に検索したところ、accounts-ui-bootstrap-3 が存在することがわかったので、それを試して、bootstrap-3 パッケージを使用してスタイリングを行うことにしました。

インストールしたら、次のように {{loginButtons}} をナビゲーションバーに投げました。

<ul class="nav navbar-nav navbar-right">
  <li class="active"><a href="#">Dashboard</a></li>
  <li>{{loginButtons}}</li>
  <li><a href="#">Projects</a></li>
</ul>

ナビゲーション バーを完成させると、計画どおりに表示され、ログイン用のリンクが表示されました。また、開発者コンソールのページにも、ボタンをクリックしてもエラーはありませんでした。それで、いくつかのものを移動しようとしましたが、何もうまくいかなかったので、急いでいたので、本で使用した以前のドロップダウンを使用する方が簡単かもしれないと判断しました. だから私はこれを使ってパッケージを削除しました:

mrt remove accounts-ui-bootstrap-3
mrt remove bootstrap-3

そして以下を追加しました:

mrt add accounts-ui-bootstrap-dropdown
mrt add accounts-password
mrt add bootstrap

完了したら、リンクが表示されることを期待してページに戻りましたが、ドロップダウンがなかっただけでなく、クリックするリンクもありませんでした。{{loginbuttons}} で以前に示した形式に戻った html を確認したところ、accounts-ui-bootstrap-3 パッケージで動作するドロップダウンのないリンクがありました。ということで、しばらく直そうとしましたがダメでした。コンソールをもう一度確認しましたが、エラーはまったくありませんでした。

混乱して、次のように入力して、もう一度他のパッケージに戻りました。

mrt remove accounts-ui-bootstrap-dropdown
mrt remove accounts-password
mrt remove bootstrap
mrt add accounts-ui-bootstrap-3
mrt add bootstrap-3

そして、そこにたどり着いたとき、再びリンクが表示されませんでした。しかし、それからさらに進んで、私が行ったさまざまな Git コミットをさかのぼっても、現在表示される時点に到達することはできません。プロジェクトのどの段階に入っても、ログインボタンがナビゲーションバーに表示されません。accounts-ui-bootstrap-dropdown と accounts-ui-bootstrap-3 の両方が同時に私のプロジェクトにあったときに、ある時点でエラーが発生しただけでした。期待される)。パッケージの1つを削除すると、それはなくなり、再びエラーは発生しませんでした.

これで、プロジェクトを完全に再起動して、コードを新しいコードにすばやく複製することができました。残念ながら、アカウント オプションを少し遅くまで入れていなかったので、最後の 2 日間の作業を繰り返す必要があります。しかし、それは大したことではありません。誰かが私が何か間違ったことをしたかどうかを知らせてくれるかどうか、または流星と隕石についてさらに理解を深めることができるかどうかを知りたいだけです。ありがとう!:)

EDIT 申し訳ありませんが、ブートストラップのバージョンを前後に切り替えているときにも変更していることを記入する必要がありました。ブートストラップ 3 のログイン メニューを使用している場合は、ブートストラップ 3 に切り替えて 2 を削除します。ブートストラップ 2 メニューを使用している場合は、ブートストラップ 2 をインストールし、ブートストラップ 3 を削除します。

4

3 に答える 3

4

これは、Bootstrap 2 と Bootstrap 3 を混在させる際の問題です。accounts-ui-bootstrap-dropdown のスタイリングは、現時点では Bootstrap 2 を対象としています。公式の meteor パッケージは Bootstrap 2 を使用しています。アカウントのスタイルを設定するパッケージには Bootstrap が含まれていません。

それを機能させるには、次を使用できます。

mrt add bootstrap-3
mrt add accounts-ui-bootstrap-3
于 2013-10-18T00:07:49.057 に答える
1

あなたのプロジェクトの Meteor のインストールが、奇妙な一貫性のない状態になっている可能性があります。このような問題は、以前に削除してproject_dir/.meteor/local/(代わりに一時ディレクトリに移動することをお勧めします)、mrt再度実行してMeteorに再ブートストラップさせることで解決しました。

于 2013-10-17T22:14:40.437 に答える