高見知英の技術ログ

技術関係のログをQiitaから移行してきました。プログラミングのほか、使っているアプリの細かい仕様についてなど書いていきます。

Bootstrapを呼び出すとき、bootstrap.bundle.min.jsを呼び出したらbootstrap.min.jsは不要

ずっとhonokak使ってたのでハマった。だってコード例ないんですもの。

表題の通りですが、bootstrap.bundle(.min).jsは、bootstrap(.min).jsを内包しているようです。そのため、bootstrap.bundle(.min).jsを読み込んだらbootstrap(.min).jsの読み込み処理は不要です。

なので以下のような書き方が正しい。

<html lang="ja">
<head>
  <!-- 中略 -->
  <link rel="stylesheet" href="https://cdn.honokak.osaka/honoka/4.3.1/css/bootstrap.min.css">
</head>
<body>

  <!-- 中略 -->
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  <script src="https://cdn.honokak.osaka/honoka/4.3.1/js/bootstrap.bundle.min.js"></script>
</body>
</html>

なお、Bootstrap公式サイトに書かれているとおり、bootstrap.bundle(.min).jsはpopper.jsを内包してはいますが、jqueryは内包していません。jqueryは別途読み込みましょう。

参考資料