タイトルは次のように書き換えられました: VueJS のブートストラップの問題: app.scss が読み込まれず、B アラートの閉じるボタンに例外が表示される

Question

vuejs プロジェクトでブートストラップを使用するのはこれが初めてですが、不明な点が 2 つあります。

ここの vuejs ガイドのブートストラップに従い、app.scss を作成するまで段階的に追加し、それをアセット フォルダーに置くことにしました。そのファイルを main.js にインポートすると、長い時間がかかります。 vuejs からのエラー。

2 番目の質問: app.scss のグローバル スタイルを捨てて (それが適切な用語であれば)、ブートストラップだけを試してみることにしました。最も基本的な例として、この例をブートストラップ プレイグラウンドで見つけて、それをコピーして vue プロジェクトに貼り付けました。 。

いくつかのボタンのスタイルが表示されましたが、結果は前述の Web サイトの出力とは異なります。

私の閉じるボタンは灰色で、枠線と X があり、テキストの左側にあります。プレイグラウンドの例の X ボタンはテキストの右側にあり、正しいスタイルで枠線がなく、緑/青です。

これはおそらく非常に基本的なことですが、誰かが私が間違っていることを教えてくれたら感謝します。ドキュメントに従って、正直に3時間検索しても解決策がなかったので。

Answer 1

Hiws が上記のコメントで指摘したように、これは間違った Bootstrap バージョンが原因である可能性があります。 Bootstrap 5 をインストールしていたときにまったく同じ問題が発生しましたが、Bootstrap 4 に切り替えると、閉じることができるダイアログが予想どおりに動作しました。