Ошибка Uncaught ReferenceError: Bootstrap is not defined

Я хочу показать модальное окно вот так

<div class="notification">
    <div class="modal fade" id="errorModal" tabindex="-1" aria-labelledby="errorModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="errorModalLabel">{title}</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              {error}
            </div>
          </div>
        </div>
      </div>
    <script src="{THEME}/assets/js/notification.js"></script>
    <script>function error_modalwindow(){
        const modal = new Bootstrap.Modal(document.querySelector('#errorModal'));
        modal.show();}error_modalwindow();</script>
</div>

но пишет то что Uncaught ReferenceError: Bootstrap is not defined, но я импортировал Bootstrap в самом конце html файла

script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" defer></script>