On Ionic-Angular, bower components has been ignore

Question

On Ionic-Angular, bower components has been ignore

I am trying to use a Cordova Plugin, I installed with bower, and getting an error in the browser console: GET http://localhost:8100/bower_components/ngCordova/dist/ng-cordova.js this is the file structure

enter image description here

and here, this is what I have in my index.html

<script src="bower_components/ngCordova/dist/ng-cordova.js"></script>

javascript
angularjs
cordova
ionic-framework
bower

Answer 1

Files can only be loaded when they are in the www directory. By default, Ionic installs bower packages into the www/lib directory.

$ ionic add ngCordova Run this from your project root in the CLI.

This will install ngCordova into the correct directory. Then add the script at this path.

<script src="lib/dist/ng-cordova.js"></script>