Erreur sur menu issu d'une BDD

Bonjour voila pour faire simple j'ai un menu basé sur ma BDD qui fonctionne si je le met en classic sans menu déroulant Dropdown, mais dés que j'ajoute celui ci quand je clic j'ai une erreur que je ne sais pas résoudre voici mon code et l’erreur merci de votre aide.

Citation:

popper.setAttribute('x-placement', placement);

applyStyle.js:66 Uncaught TypeError: Cannot read property 'setAttribute' of null
at Object.onLoad (applyStyle.js:66)
at index.js:69
at Array.forEach (<anonymous>)
at new t (index.js:67)
at c.t.toggle (dropdown.js:177)
at HTMLAnchorElement.<anonymous> (dropdown.js:328)
at Function.each (jquery-3.3.1.slim.min.js:2)
at w.fn.init.each (jquery-3.3.1.slim.min.js:2)
at w.fn.init.c._jQueryInterface [as dropdown] (dropdown.js:315)
at HTMLAnchorElement.<anonymous> (dropdown.js:472)

Voici aussi mon code javascript au cas ou.

Code:

1
2
3
4
5
$('.dropdown-toggle').dropdown()
 
$('#myDropdown').on('show.bs.dropdown', function () {
    // do something…
  })

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
require 'admin/database.php';
 
                echo '<nav class="navbar2 navbar-expand-sm navbar-dark">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
                          <span class="navbar-toggler-icon"></span>
                  </button>
                  <div class="collapse navbar-collapse" id="navbarNav2">
                  <ul class="nav nav-pills justify-content-center mr-auto " id="myTab" role="tablist">';
 
                $db = Database::connect();
                $statement = $db->query('SELECT * FROM category');
                $categories = $statement->fetchAll();
                foreach ($categories as $category) 
                /*
                {
                    if($category['id'] == '2')
                        echo '<li class="nav-item"><a class="nav-link active" data-toggle="tab"  href="#' . $category['name'] . '" role="tab">' . $category['name'] . '</a></li>';
 
                    else
                        echo '<li class="nav-item"><a class="nav-link" data-toggle="tab"  href="#' . $category['name'] . '" role="tab">' . $category['name'] . '</a></li>';
                }
                */
 
                {
 
                    if($category['id'] == '2')
 
                    echo  '<li class="nav-item dropdown"><a class="nav-link active dropdown-toggle" data-toggle="dropdown" href="#' . $category['name'] . '" role="button">' . $category['name'] . '</a>
                    <div class="dropdown-menu"><a class="dropdown-item"  data-toggle="tab"  href="#' . $category['name'] . '" role="tab">' . $category['name'] . '</a></li>';
 
                else    
                echo  '<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#' . $category['name'] . '" role="button">' . $category['name'] . '</a>
                <div class="dropdown-menu"><a class="dropdown-item"  data-toggle="tab"  href="#' . $category['name'] . '" role="tab">' . $category['name'] . '</a></li>';
 
                }
 
 
                echo            '</div>
                            </div>
                            </div>
                        </ul>
                      </nav>';