javascript - 错误: [$injector:unpr] Unknown provider: $resourseProvider <- $resourse <- Phone Angular factory

Question

我在注入(inject)资源时遇到问题。

Error: [$injector:unpr] Unknown provider: $resourseProvider <- $resourse <- Phone

这是我的代码

index.html

     <script src="bower_components/angular/angular.js"></script>
     <script src="bower_components/angular-resource/angular-resource.js"></script>  
     <script src="core/phone.module.js"></script>
     <script src="core/phone.factory.js"></script>
     <script src="phone-list/phone-list.module.js"></script>
     <script src="phone-list/phone-list.component.js"></script>
     <script src="app.module.js"></script>

app.module.js

'use strict';

angular.module('phoneApp', [
  'phoneList',  
  'getphone'
]);

phone-list.module.js

'use strict';

angular.module('phoneList', ['getphone']);

phone-list.component.js

'use strict';

angular.
module('phoneList').
component('phoneList', {
  templateUrl: 'phone-list/phone-list.template.html',
  controller: ['$http', '$scope', 'Phone',
  function PhoneListController($http, $scope, Phone){
    var self = this;
    $scope.search = {};
    .....

phone.module.js

'use strict';

angular.module('getphone', ['ngResource']);

phone.factory.js

'use strict';

angular.
module('getphone').
factory('Phone', ['$resourse',
  function($resourse) {
    return $resourse('phone/:phoneId.json', {}, {
      query: {
        methode: 'GET',
        params: {phoneId: 'phones'},
        isArray: true
      }
    });
  }
  ]);

Answer 1

修复方法很简单。您在 phone.factory.js

中拼写了错误的 resource 一词

'use strict';
angular.
module('getphone').
factory('Phone', ['$resourse',  // should be resource
  function($resourse) {
    return $resourse('phone/:phoneId.json', {}, {
      query: {
        methode: 'GET',
        params: {phoneId: 'phones'},
        isArray: true
      }
    });
  }
]);