Where did the error come from?

Question

Angular

While including many files directly from bower_components - everything worked fine.
Now I wrote a task for gulp to collect the necessary files into one, and now when I try to open a page where "angular-bootstrap" is used, the following error pops up:

Error: [$compile:tplrt] Template for directive 'uibTabset' must have exactly one root element. uib/template/tabs/tabset.html
errors.angularjs.org/1.6.0/$compile/tplrt?p0=uibTa...

uib/template/tabs/tabset.html - I never had any of these templates.

Answer 1

The answer, as always, is on the surface)) The files were included in the assembly in the wrong order. You need to include the file first ui-bootstrap-tpls.js, and then the ui-bootstrap.js.

Answer 2

I will assume that after you collected everything into one, you forgot to collect templates for ui-bootstrap there, which should be in a separate file and contain entries in $templateCache.
Angular did not find them in the cache and began to pull them from the network. In response, he received some kind of junk.