Issue
I am trying to install bootstrap in my Angular project.
- I used
npm install --save bootstrap
to install bootstrap in my project - After that I installed jquery
- Provided path for bootstrap
Below is the angular.json file:
"styles": [
"../node_modules/boostrap/dist/css/bootstrap.css",
"src/styles.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
]
When I pass the above bootstrap path in style.css it works but I want to make it work by passing the path to angular.json.
style.css file@import "../node_modules/bootstrap/dist/css/bootstrap.css"
All the paths that I tried are mentioned below:
"./node_modules/boostrap/dist/css/bootstrap.css"
"node_modules/boostrap/dist/css/bootstrap.css"
"../node_modules/boostrap/dist/css/bootstrap.css"
Solution
On my proyect I have it like this.
"./node_modules/boostrap/dist/css/bootstrap.css"
But keep in mind that if you don't stop the serve and run again ng serve
, it will not show the change as the import is made at the begining of the ng serve process.
hope it works for you.
If you changed the angular.json from the location of the original configuration, let me know wo we can figure it out the correct path
Answered By - Florencia Cames
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.