Angular Webpack ui-bootstrap无法拉入CSS

Question

So I'm making an Angular application using Webpack, and I wanted to bring in bootstrap for styling.

I installed 'ui-bootstrap' using npm install angular-ui-bootstrap --save-dev , and then I imported it in app.js , and passed it as a dependency to the angular.module('myapp', [dependencies....]) . That worked, and I was getting the javascript functionality for bootstrap elements. eg toggle button was working fine.

However, there was no styling. The button was styled as a regular html button.

So, I tried doing the same thing for bootstrap with npm. That gave me an error saying jquery not defined (I was using vanilla js), so I tried getting Jquery with npm, and that still gave me an error saying Jquery is not defined.

What's the correct process for getting angular-ui-bootrap functionality and styling while using webpack?

Answer 1

Solution:

import only the css module from bootstrap

No need to inject any bootstrap elements in the angular module, since bootstrap does not have any angular components. Do, however, inject angular-ui-bootstrap.