I have implemented ngResource into my app's module:
angular.module('confusionApp', ['ui.router', 'ngResource'])
Then, I added the $resource dependency to my service:
angular.module('confusionApp')
.constant('baseURL', 'http://localhost:3000/')
.service('menuFactory', ['$resource', 'baseURL', function($resource, baseURL) {
In addition, I have included the necessary scripts in my index.html file:
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="../bower_components/angular-resource/angular-resource.js"></script>
<script src="scripts/app.js"></script>
<script src="scripts/controllers.js"></script>
<script src="scripts/services.js"></script>
However, when my $resource makes a data request to the json-server on my machine, the browser's console displays an error stating:
Error: [$injector:unpr] Unknown provider: $resourceProvider <- $resource <- menuFactory
I am seeking assistance or guidance on how to resolve this issue!
Update
Here are the dependencies listed in my bower.json file:
"dependencies": {
"bootstrap": "~3.3.5",
"font-awesome": "~4.4.0",
"angular": "1.4.x",
"angular-route": "1.4.x",
"angular-resource": "1.4.x",
"angular-ui-router": "~0.2.17"
}