bootstrap.min.js: 6 Uncaught błędach: Bootstrap rozwijanej wymagają Popper.js

Question

Nagle zacząłem się błąd, gdy próbuję otworzyć menu rozwijane:

bootstrap.min.js:6 Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org) 
     at bootstrap.min.js:6 
     at bootstrap.min.js:6 
     at bootstrap.min.js:6 

używam standardowego pliku bootstrap

<script src="https://getbootstrap.com/dist/js/bootstrap.min.js">

Cokolwiek zmienionego w bootstrapie Muszę się zatroszczyć?

Zamówienie wczytuję plików jest następująca

<script src="https://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="{{ STATIC_URL }}/static/jquery/jquery-1.9.1.js"></script> 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script src="{{ STATIC_URL }}/static/jquery/jquery-ui.js"></script> 




<script src="https://getbootstrap.com/dist/js/bootstrap.min.js"></script> 
<!-- Just to make our placeholder images work. Don't actually copy the next line! --> 
<script src="https://getbootstrap.com/assets/js/vendor/holder.min.js"></script> 
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
<script src="https://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script> 

Answer 1

Czytałaś wprowadzenie Bootstrap? https://getbootstrap.com/docs/4.0/getting-started/introduction/#quick-start

Musisz dodać kilka skryptów, aby uzyskać pełną funkcjonalność bootstrap. Popper.js jest jednym z nich:

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> 

Answer 2

obejmują popper.js przed bootstrap.min.js https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js Użyj tego linku, aby uzyskać Popper

Answer 3

Aby Bootstrap Beta funkcjonować poprawnie, należy umieścić skrypty w następującej kolejności.

<script src="js/jquery-3.2.1.min.js"></script> 
    <script src="js/popper.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 

Answer 4

używanie tej wersji Popper: popper.min.js

Answer 5

Bootstrap 4 nie jest jeszcze dojrzały narzędzie jeszcze. Część wymagająca innej wtyczki do pracy jest jeszcze bardziej skomplikowana, szczególnie dla programistów, którzy używają Bootstrap przez jakiś czas. Widziałem wiele sposobów na wyeliminowanie błędu, ale nie wszystkie prace dla wszystkich. Myślę, że najlepszym i najczystszym sposobem na pracę z Bootstrap 4. Wśród plików instalacyjnych Bootstrap, jest jeden z nazwą "bootstrap.bundle.js" , który jest już dołączony do Poppera.