Error: Class not found ngCordova Toast

Hello All,

I am facing an issue, I have installed ngCordova using bower install ngCordova and also added ngCordova Toast plugin using cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git .

Below is my code from index.html

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

And app.js

angular.module('starter', ['ionic', 'starter.controllers', 'ngCordova'])

.run(function ($ionicPlatform) {
    $ionicPlatform.ready(function () {
        // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
        // for form inputs)
        if (window.cordova && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        }
        if (window.StatusBar) {
            // org.apache.cordova.statusbar required
            StatusBar.styleDefault();
        }
    });
})

angular.module('starter.controllers', [])

.controller('LoginCtrl', function ($scope, $ionicModal, $timeout, $state, $cordovaToast, $ionicPlatform) {
    $scope.loginData = {};
    $ionicPlatform.ready(function () {
        $scope.showToast = function (message, duration, location) {
            $cordovaToast.showShortTop('Here is a message').then(function (success) {
                // success
            }, function (error) {
                // Here I get class not found
                console.log(error);
            });
        };
    });
})

When I am triing to hit the login button which fires up the showToast() method in LoginCtrl I get “Class not found” error in my live reload consoleimage.

Pls help