引导导航栏无响应(立即折叠)

Question

我正在构建一个 MEAN 堆栈，我正在使用引导程序进行样式设置。我没有触及任何原始代码，只是添加了一些路由和 ngIf 语句。突然之间，导航栏不再响应。当我单击导航栏切换器时，导航栏会立即展开并折叠。

这是我的代码：

<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" href="#">VeganGent</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample04">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" routerLink="/home">Home <span class="sr-only"></span></a>
</li>
<li class="nav-item" *ngIf="authService.loggedIn()">
<a class="nav-link" routerLink="/producten">Producten</a>
</li>
<li class="nav-item" *ngIf="!authService.loggedIn()">
<a class="nav-link" routerLink="/registreren">Registreren</a>
</li>
<li class="nav-item" *ngIf="!authService.loggedIn()">
<a class="nav-link" routerLink="/login">Login</a>
</li>
<li class="nav-item" *ngIf="authService.loggedIn()">
<a class="nav-link" routerLink="/profiel">Profiel</a>
</li>
<li class="nav-item" *ngIf="authService.loggedIn()">
<a class="nav-link" (click)="onLogoutClick()" style="cursor: pointer;">Logout</a>
</li>
</ul>
<form class="form-inline my-2 my-md-0">
<input class="form-control" type="text" placeholder="Search">
</form>
</div>
</nav>

Answer 1

发现问题。

我正在使用较旧的jquery链接。所以更新了它，一切正常。