angularjs - Angularfire 'Firebase' is not defined

Question

I am trying to setup firebase, angularfire for my Yeoman, AngularJS Application. I followed this tutorial here (https://www.firebase.com/tutorial/#tutorial/angular/0), however, I keep getting a

"app/scripts/controllers/main.js 
    line 32 col 23 'Firebase' is not defined."

How do I get past this?

Here is my main.js

.controller('MainCtrl', ['$scope', '$firebase', '$filter', function($scope, $firebase, $filter) {
    var ref = new Firebase('FIREBASE_URL');    // <--- line 32
    $scope.campaigns = $firebase(ref).$asArray();

and here are the two lines of scripts I added to get firebase and angularfire into my app. I changed the version of angularfire from 0.8.0 to 0.7.0 because of (Firebase, AngularFire Error: Module firebase is not available). I also have these two lines right underneath by bower_conponents scripts in my index.js for reference.

<script src='https://cdn.firebase.com/js/client/1.0.15/firebase.js'></script>
<script src='https://cdn.firebase.com/libs/angularfire/0.7.0/angularfire.min.js'></script>

I believe it is still version compatibility issue but I am not sure.

Answer 1

Waitting for answers