Как исправить эту ошибку Jquery bootstrap.bundle.min.js: 6 Ошибка, возникающая в панели навигации?

Question

Я использую Flask-Bootstrap для создания своего сайта, и я очень новичок в этом. Я обнаружил следующую ошибку в следующем файле:

<script 
src="/static/vendor/bootstrap/js/bootstrap.bundle.min.js">
</script>

Когда я добавляю ссылку на панель навигации, как показано ниже

<a class="nav-link js-scroll-trigger" href="{{ url_for('team') }}">Team</a>

В консоли разработчика Chrome появляется следующая ошибка, и файл не работает:

Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '/upload' is not a valid selector.
    at Object.getSelectorFromElement (http://127.0.0.1:5000/static/vendor/bootstrap/js/bootstrap.bundle.min.js:6:1377)
    at http://127.0.0.1:5000/static/vendor/bootstrap/js/bootstrap.bundle.min.js:6:67292
    at Array.map (<anonymous>)
    at n.t.refresh (http://127.0.0.1:5000/static/vendor/bootstrap/js/bootstrap.bundle.min.js:6:67266)
    at new n (http://127.0.0.1:5000/static/vendor/bootstrap/js/bootstrap.bundle.min.js:6:66907)
    at HTMLBodyElement.<anonymous> (http://127.0.0.1:5000/static/vendor/bootstrap/js/bootstrap.bundle.min.js:6:69792)
    at Function.each (http://127.0.0.1:5000/static/vendor/jquery/jquery.min.js:2:2573)
    at w.fn.init.each (http://127.0.0.1:5000/static/vendor/jquery/jquery.min.js:2:1240)
    at w.fn.init.n._jQueryInterface [as scrollspy] (http://127.0.0.1:5000/static/vendor/bootstrap/js/bootstrap.bundle.min.js:6:69744)
    at http://127.0.0.1:5000/static/js/agency.min.js:7:462

Но когда я не добавляю ссылку на панель навигации, файл js работает как положено.

Как я могу преодолеть эту ошибку, пожалуйста?

Большое спасибо,

Ishack

Answer 1

Если вы используете Bootstrap v4.2.1, это может быть ошибкой, которая обсуждается в этом вопросе , а также в этом потоке github .

До версии 4.3.0, временный обходной путь может заключаться в том, чтобы вернуться к более ранней версии начальной загрузки, которая не должна сильно повлиять на вас, если вы просто создаете свой первый сайт.

Вот ссылки CDN для 4.1.3:

https://cdnjs.com/libraries/twitter-bootstrap/4.1.3

Или в качестве быстрого теста исправления, просто поменяйте тег сценария на:

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js" integrity="sha256-E/V4cWE4qvAeO5MOhjtGtqDzPndRO1LBk8lJ/PR7CA4=" crossorigin="anonymous"></script>