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"