ui-bootstrap-tpls failed to load template

Question

I\'ve inherited an angular project, and it\'s having problems loading the ui-bootstrap-tpls modules.

For each directive it\'s trying to use from bootstrap, I get som

Answer 1

I also had this issue but I was only using the tpls version of ui.bootstrap. In my case the issue was a cache busting module ngCacheBuster.

In the network tab I could see there was cachebuster parameter at the end of the resource call:

/template/window.html?cb=4889764132

In this case, bootstrap did not look into its templatecache but decided to load the file from this location, which of course did not exist.

I solved this by whitelisting all calls to the templates folder from the cachebusting mechanism.

I hope this will be helpful to anyone experiencing this problem and using cachebusting.