Buena tarde, soy nuevo en Angular, estoy haciendo algunas pruebas y al tratar de integrar Boostrap no lo reconoce, realice la instalación por npm y añadí las respectivas referencias al archivo angular. json pero no

1 year ago 9 Replies

Buena tarde, soy nuevo en Angular, estoy haciendo algunas pruebas y al tratar de integrar Boostrap no lo reconoce, realice la instalación por npm y añadí las respectivas referencias al archivo angular.json pero no toma los estilos.
La única solución que encontré fue agregar la referencia directamente al archivo de styles.css con la siguiente linea:
@import "~bootstrap/dist/css/bootstrap.css";

Saben como se puede solucionar sin que agregue la referencia en el archivo de style.css?

0 Likes

Replies

Angel Montiel 2 years ago

Instalaste Popper.jd???con un solo comando viene a veces , npm install bootstrap jquery popper.js algo así

0 Likes
Marco Antonio Bojorges Lopez (2 years ago)

Angel Montiel asi es, instale bootstrap, jquery y popper, las dependencias si están correctas dentro del archivo package.json y estas mismas ya las referencie dentro del archivo de angular.json pero pareciera que no lo reconoce

Angel Montiel (2 years ago)

Marco Antonio Bojorges Lopez supongo que ya reiniciarse tu proyecto, pon de prueba en el index.html una prueba rápida de

Marco Antonio Bojorges Lopez (2 years ago)

Angel Montiel así es, reinicie el servidor y agregue unos botones directamente que saque de la documentación de boostrap pero pareciera que no reconoce los estilos, la única forma en que los toma es cuando los importo dentro del archivo de styles.css

Angel Montiel (2 years ago)

Marco Antonio Bojorges Lopez ni idea entonces

Alexander Díaz 2 years ago

Agregando las etiquetas en el index.html

0 Likes
Marco Antonio Bojorges Lopez (2 years ago)

Alexander Díaz como si estuviera agregando el CDN? o a que te refieres

Diego Salazar Arp (2 years ago)

Marco Antonio Bojorges Lopez si !

Marco Antonio Bojorges Lopez 2 years ago

Buenas, agradezco sus comentarios, no se si fue un error al momento de crear el proyecto, lo genere de nuevo, realice la instalación por npm de bootstrap, jquery y popper tal cual lo realice desde la primera vez y quedo solucionado

1 Like