Upgrading Angular application to Bootstrap 4.0.0

Question

How can I upgrade my existing angular application to Bootstrap version 4.0.0.

I know it would be easy but I am looking for proper process to upgrade without facing much issues as I could see many stack overflows of Bootstrap 4.0.0 Stable bugs.

Thanks,

Solution 1

My take is:

1. delete the node_modules folder (just in case)
2. delete the bootstrap entries from the package.jsons
3. npm i bootstrap to install bootstrap4
4. install ng-bootstrap via the offical guide: npm install --save @ng-bootstrap/ng-bootstrap

Solution 2

if you are using yarn

yarn upgrade bootstrap@latest

Solution 3

npm update --save @ng-bootstrap/ng-bootstrap

This will update your current bootstrap package to lastest version. And then run

npm audit fix