$injector:unpr Unknown Provider

Question

I am trying to create a service on Ionic 1 but am getting the following error

Error: [$injector:unpr] Unknown Provider: heartTeamSrvcProvider <- heartTeamSrvc <- teamCtrl

heartTEamSrvc code

(function) {
'use strict';

var app = angular.module('firstApp');

 app.factory('heartTeamSrvc', function($http, $scope) {

    var heartTeam = [];

    return {
        getHeartTeam: function() {
            return $http.get('json/heartTeams.json').then(function(response){
                heartTeam = response;
                return heartTeam;
            });
        }
    }
})

})

Controller

  $scope.listHeart = function(heartTeamSrvc) {
            $scope.heartTeam = getHeartTeam();
        }

What am I doing wrong?

EDITED

NEW CTRL

 function listHeartTeam(response) {
            this.heartTeam = getHeartTeam();
        }

Answer 1

Check the import of .js in his index.html.

Answer 2

He’s saying that he doesn’t recognize the Provider for the reason that you didn’t inject the Provider(heartTeamSrvc) into the controller, possibly your Factory will break also for the reason that you didn’t inject $http or $Scope into them Follow this good practice tutorial to build your Controllers, Factorys, Services and ETC

adjust your Factory:

(function () {
'use strict';


angular.module('firstApp')
.factory('heartTeamSrvc', heartTeamSrvc)


heartTeamSrvc.$inject = ['$http', '$scope'];

function heartTeamSrvc($http, $scope) {

    var heartTeam = [];

    return {
        getHeartTeam: function() {
            return $http.get('json/heartTeams.json').then(function(response){
                heartTeam = response;
                return heartTeam;
            });
        }
    }
  }

})

Don’t forget that your controller will need adjustment too, try to do anything yourself if you can’t, add the Controller to your question and I’ll help you.