当我更改屏幕尺寸时，我遇到导航栏无法打开菜单的问题。
以下是我正在运行的依赖项的版本：
"@angular/animations": "~9.0.6",
"@angular/common": "~9.0.6",
"@angular/compiler": "~9.0.6",
"@angular/core": "~9.0.6",
"@angular/forms": "~9.0.6",
"@angular/platform-browser": "~9.0.6",
"@angular/platform-browser-dynamic": "~9.0.6",
"@angular/router": "~9.0.6",
"bootstrap": "^5.1.1",
"jquery": "3.4.1",
"popper.js": "^1.16.1",
"rxjs": "~6.5.4",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
我已经尝试按照另一篇文章中的建议降级我的 jquery，但这没有任何作用。
这是我的 HTML：
<nav class="navbar navbar-expand-lg navbar-dark bg-primary my-navbar fixed-top">
<div class="container-fluid">
<!--<a class="navbar-brand" href="#">Navbar</a> -->
<img
width="200"
alt="logo"
src= "assets/imgs/logo.png"
/>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" routerLink="/userprofile" routerLinkActive="active">Home
<!--<span class="visually-hidden">(current)</span>-->
</a>
</li>
<li class="nav-item"> …