grunt serve removing ui-bootstrap-tpls.js from index.html

[ssesfahani]

There is this very annoying issue such that when I run grunt serve, grunt-bower-install is removing the script include for ui-bootstrap-tpls.js.

Grunt task:

// Automatically inject Bower components into the app
    'bower-install': {
      app: {
        html: '<%= yeoman.app %>/views/index.html',
        ignorePath: '<%= yeoman.app %>/',
        exclude: ['bootstrap-sass']
      }
    },

bower.json of angular-bootstrap

{
    "author": {
        "name": "https://github.com/angular-ui/bootstrap/graphs/contributors"
    },
    "name": "angular-bootstrap",
    "version": "0.10.0",
    "main": ["./ui-bootstrap-tpls.js"],
    "dependencies": {
        "angular": ">=1"
    }    
}

index.html

<!-- build:js(app) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <!-- endbower -->
    <!-- endbuild -->

[ssesfahani]

It doesn't seem to be specific to angular-bootstrap. Underscore installed under bower is not being included either.

[DaftMonk]

Did you install them using bower install <package> --save? It needs to be in the bower file to be injected. If you did, and still have this problem, you can manually add the scripts outside of the tags, but inside the build:js(app) scripts/vendor.js block.

[ssesfahani]

So that fixed the issue with underscore (thanks), but for some reason, ui-bootstrap is being thrown under devDependencies and not dependencies.

bower.json

{
  "name": "blah",
  "version": "0.0.0",
  "dependencies": {
    "angular": "1.2.11",
    "json3": "~3.2.6",
    "es5-shim": "~2.1.0",
    "jquery": "~1.11.0",
    "bootstrap-sass-official": "~3.1.1",
    "angular-resource": "1.2.11",
    "angular-cookies": "1.2.11",
    "angular-sanitize": "1.2.11",
    "angular-route": "1.2.11",
    "underscore": "~1.6.0"
  },
  "devDependencies": {
    "angular-mocks": "1.2.11",
    "angular-scenario": "1.2.11",
    "angular-ui": "~0.4.0"
  },
  "testPath": "test/client/spec"
}

[DaftMonk]

You should be able to move that line into the app dependencies and have it inject the script. Or try reinstalling it with bower uninstall angular-ui --save-dev, bower install angular-ui --save

[ssesfahani]

Okay I will try that. I appreciate the help. Thanks.