Estoy tratando de usar bootstrap no solo en html sino también en mi JavaScript/TypeScript. Importé bootstrap min js y min css en mi html. En mi TypeScript usé esto: import * as bootstrap from "bootstrap";
Cuando trato de usar este código:
var myModal = new bootstrap.Modal(document.getElementById('popup'), { keyboard: false }) myModal.hide()la consola cromada dijo:
TypeError no detectado: no se pudo resolver el especificador de módulo "bootstrap". Las referencias relativas deben comenzar con "/", "./" o "../".
Creo que no necesita ninguna importación en este caso, puede usarlo sin importar.
var myModal = new bootstrap.Modal(document.getElementById('popup'), { keyboard: false }); console.log(myModal); <div id="popup">popup</div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>