Bootstrap Navbar: невозможно прочитать свойство "querySelectorAll" со значением NULL

Question

Я установил Bootstrap Navbar, но когда я пытаюсь нажать на гамбургер, у меня на консоли появляется эта ошибка:

Uncaught TypeError: Cannot read property 'querySelectorAll' of null
at a.t._getParent (collapse.js:308)
at new a (collapse.js:88)
at HTMLDivElement.<anonymous> (collapse.js:351)
at Function.each (jquery.min.js:2)
at n.fn.init.each (jquery.min.js:2)
at n.fn.init.a._jQueryInterface (collapse.js:337)
at HTMLDivElement.<anonymous> (collapse.js:385)
at Function.each (jquery.min.js:2)
at n.fn.init.each (jquery.min.js:2)
at HTMLButtonElement.<anonymous> (collapse.js:381)

Вот мой navbar:

<nav id="header_navbar" class="navbar navbar-expand-md navbar-light bg-header">
<a href="http://localhost/wordpress" class="navbar-brand"><img class="navbar-img" src="http://localhost/wordpress/wp-content/themes/Avada/images/technisol_logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" data-parent="accordian-10">
    <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent" data_parent="#header_navbar">
  <ul class="navbar-nav justify-content-end"><li class="nav-item">
      <a class="nav-link text-dark" href="http://localhost/wordpress/login">Connexion</a>
    </li>
    <li class="nav-item">
      <a class="nav-link text-dark" href="http://localhost/wordpress/register">Inscription</a>
    </li>
  </ul>
</div>

Я перепробовал много решений, которые нашел в Интернете, например: https://github.com/twbs/bootstrap/issues/26891

Или вот этот: Не удалось прочитать свойство 'querySelectorAll' из-за сброса нулевого загрузчика

И ничего не изменилось.

Есть идеи?