Navbar-Toogle Bootstrap 5 不工作（使用 Angular）

Question

我的控制台向我顯示了這個錯誤，它是關於 popper js 的。 這是錯誤，我認為因為我的切換按鈕不起作用

scripts.js:7 Uncaught SyntaxError: Unexpected token 'export'

導出默認波普爾；

這是我的腳本

   "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/popper.js/dist/popper.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]
          },

 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

Answer 1

您應該使用該腳本的umd版本，因為它與瀏覽器兼容。 在腳本中，數組嘗試替換：

"node_modules/popper.js/dist/popper.min.js"

和：

"node_modules/popper.js/dist/umd/popper.min.js"