未知提供者：$ resourceProvider < - $ AngularJS中的資源

如標題中所述我得到以下錯誤：未知提供者：$ resourceProvider < - $ resource。

特別是在微軟邊的控制檯：

SCRIPT438: Object doesn't support property or method 'info' 

angular-resource.js (444,1) 

Error: [$injector:unpr] Unknown provider: $resourceProvider <- $resource <- Review 
http://errors.angularjs.org/1.6.1/$injector/unpr?p0=%24resourceProvider%20%3C-%20%24resource%20%3C-%20Review 
at Anonymous function (https://code.angularjs.org/1.6.1/angular.js:4630:13) 
at getService (https://code.angularjs.org/1.6.1/angular.js:4783:11) 
at Anonymous function (https://code.angularjs.org/1.6.1/angular.js:4635:13) 
at getService (https://code.angularjs.org/1.6.1/angular.js:4783:11) 
at injectionArgs (https://code.angularjs.org/1.6.1/angular.js:4807:9) 
at invoke (https://code.angularjs.org/1.6.1/angular.js:4834:7) 
at enforcedReturnValue (https://code.angularjs.org/1.6.1/angular.js:4676:7) 
at invoke (https://code.angularjs.org/1.6.1/angular.js:4842:9) 
at Anonymous function (https://code.angularjs.org/1.6.1/angular.js:4636:13) 
at getService (https://code.angularjs.org/1.6.1/angular.js:4783:11) <div class="ng-scope" ng-view=""> 
angular.js (14328,11)

我一派錯誤和跨多個解決方案來了，但似乎我還是做錯事，甚至在試圖實施方案說...

的index.html：`

<!DOCTYPE html> 

<html ng-app="VideogameReviewsApp"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Hello AngularJS</title> 

</head> 

<body> 
    <div ng-view></div> 
    <script src="https://code.angularjs.org/1.6.1/angular.js"></script> 
    <script src="https://code.angularjs.org/1.6.1/angular-route.js"></script> 
    <script src="https://code.angularjs.org/1.6.4/angular-resource.js"></script> 
    <script src="js/app.js"></script> 
</body> 

</html>

爲了簡單起見，我已經包括了所有的代碼在app.js：

'use strict'; 

var VideogameReviewsApp = angular.module('VideogameReviewsApp', ['ngRoute','ngResource']). 
    config(['$routeProvider', function ($routeProvider) { 
     $routeProvider. 
      when('/', { controller: ReviewCtrl, templateUrl: 'review.html' }). 
      otherwise({ redirectTo: '/' }); 
    }]); 

VideogameReviewsApp.factory('Review', function ($resource) { 
    return $resource('http://localhost/videogamereviews/review/:id', { id: '@id' }, { update: { method: 'PUT' } }); 
}); 

var ReviewCtrl = function ($scope,Review) { 
    alert("mop") 
    $scope.items = Review.get(); 
};

您的幫助將不勝感激！

Ashley

來源

2017-06-18 A. gautama

更新角度資源引用以匹配角度版本。

<script src="https://code.angularjs.org/1.6.1/angular-resource.js">

DEMO

angular.module('VideogameReviewsApp', ['ngRoute','ngResource']) 
 
.controller("testctrl",function($scope){ 
 
$scope.appname = "resourceTest"; 
 
})

<!DOCTYPE html> 
 
<html ng-app="VideogameReviewsApp"> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
<title>Hello AngularJS</title> 
 
</head> 
 

 
<body ng-controller="testctrl">  
 

 
{{appname}} 
 
    <script src="https://code.angularjs.org/1.6.1/angular.js"></script> 
 
    <script src="https://code.angularjs.org/1.6.1/angular-route.js"></script> 
 
    <script src="https://code.angularjs.org/1.6.1/angular-resource.js"></script> 
 
</body> 
 
</html>

來源

2017-06-18 14:12:08 Sajeetharan

也許我應該問一個新的問題，但其樣的隨訪：我在春天REST API。如果我通過url http：// localhost/videogamereviews/review直接訪問它正在訪問。任何「http：// localhost/videogamereviews/review /」我按預期得到我的數據。但是，當我通過瀏覽器以角度嘗試它時，我得到一個404 響應。這很奇怪，因爲在標題中我可以看到建議？ –

對不起，我搞砸了，這就是我的意思：也許我應該問一個新的問題，但它的一種後續：春天我有一個REST API。如果我通過網址「http：// localhost/videogamereviews/review /」直接訪問它，我會按預期收到我的數據。但是，當我通過瀏覽器以角度嘗試它時，我得到一個404 響應。這很奇怪，因爲在標題中我可以看到正在訪問http：// localhost/videogamereviews/review。有什麼建議麼？ –

未知提供者：$ resourceProvider < - $ AngularJS中的資源

回答

相關問題