Estoy intentando importar bootstrap a través de la consola npm, pero no sé cómo conectar los paquetes con mi proyecto. Intenté importarlo en mi index.mjs de esta manera: import 'bootstrap' , pero la consola me arroja un error que dice: Reference error: document is not defined . Estoy usando el motor Handlebars. ¡Gracias!
Voy a suponer que está tratando de agregar bootstrap a una página renderizada por el servidor que usa handlebars como su motor de plantillas.
Dentro de la página de su servidor, lo llamaré app.js , debe agregar las siguientes dos líneas:
app.use('/css', express.static(path.join(__dirname, 'node_modules/bootstrap/dist/css'))); app.use('/js', express.static(path.join(__dirname, 'node_modules/bootstrap/dist/js'))); Luego, en su página maestra, y la llamaré layout.hbs , agregaría estas referencias:
<link rel="stylesheet" href="./css/bootstrap.min.css" /> <script src="./js/bootstrap.bundle.js"></script> Una vez que tenga esas líneas de código en esos archivos, ahora debería tener bootstrap y los archivos JavaScript que lo acompañan listos para que los usen sus elementos HTML.
Buena suerte y espero que esto te ayude.