De repente, comencé a recibir un error cuando intento abrir mi menú desplegable:
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:6Estoy usando un archivo de arranque estándar
<script src="https://getbootstrap.com/dist/js/bootstrap.min.js">
¿Ha cambiado algo en el arranque del que tengo que ocuparme?
El orden que estoy cargando archivos es el siguiente
<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>En la introducción de Bootstrap, indica qué importaciones necesita agregar. https://getbootstrap.com/docs/4.0/getting-started/introduction/#quick-start
Debe agregar algunos scripts para que Bootstrap funcione completamente. Es importante que los incluyas en este orden exacto. Popper.js es uno de ellos:
<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>En vez de:
js/bootstrap.min.jsusar:
js/bootstrap.bundle.min.jsBootstrap 4 aún no es una herramienta madura. La parte de requerir que otro complemento funcione es aún más complicada, especialmente para los desarrolladores que han estado usando Bootstrap por un tiempo. He visto muchas formas de eliminar el error pero no todas funcionan para todos. Creo que la mejor y más limpia forma de trabajar con Bootstrap 4. Entre los archivos de instalación de Bootstrap, hay uno con el nombre "bootstrap.bundle.js" que ya viene con el Popper incluido.