我正在尝试通过此标记使用Bootstrap 4选项卡，问题是将main.js类添加到一个.active时，单击另一个类并不会将其删除（它确实在<a role="tab">），因此，在标签之间切换无法正常工作。
<div role="tabpanel">如果我从<div id="welcome-screen" class="w-75">
<h1>أهلاً وسهلاً</h1>
<div role="tablist" class="mb-3">قم بـ
<a id="register-tab" data-toggle="tab" href="#register-panel" role="tab" aria-controls="register-panel" aria-selected="false" class="text-success">التسجيل</a>
أو
<a id="login-tab" data-toggle="tab" href="#login-panel" role="tab" aria-controls="login-panel" aria-selected="false" class="text-primary">الدخول</a>
</div>
<div class="tab-content">
<div class="tab-pane fade" id="register-panel" role="tabpanel" aria-labelledby="register-tab">
@include('includes.register')
</div>
<div class="tab-pane fade" id="login-panel" role="tabpanel" aria-labelledby="login-tab">
@include('includes.login')
</div>
</div>
</div>
中手动删除.active，然后再次单击它，它将按预期工作。
我正在Laravel项目（<a role="tab">后面）中进行此操作，并且Bootstrap的添加方式与jQuery和Popper一样。
@include()知道为什么会这样吗？该如何解决？