ngResource resourceProvider error with rails - ruby-on-rails

Question

Folowing the angular railscasts tutorial I have a rails app with angularjs-rails,
both angular.js and angular-resource.js are being included in the head of my html file.
my welcome#index.html.erb is:
<h1>Welcome</h1>
<div id="search" ng-controller="SearchCtrl">
<form ng-submit="search()">
<input type="text" ng-model="newSearch.postcode">
<input type="submit" value="Search">
</form>
<ul>
<li ng-repeat="trader in traders">
{{trader.name}}
</li>
</ul>
</div>
and my welcome.js.coffee:
app = angular.module("Search", ["ngResource"])
#SearchCtrl = ($scope, $resource) ->
$scope.traders = [
{name: "Jonlee"}
{name: "Johnny"}
]
$scope.search = ->
console.log($scope.newSearch.postcode)
For some reason the resource is not working, I am receiving the below error:
[$injector:unpr] Unknown provider: $resourceProvider <- $resource
Have googled around and have seen this error but in much more complicated examples that don't really fit this problem.
Application.js:
//= require angular
//= require angular-resource
//= require_tree .
Exported welcome.js:
(function() {
var app;
app = angular.module("Search", ["ngResource"]);
this.SearchCtrl = function($scope, $resource) {
$scope.traders = [
{
name: "Jonlee"
}, {
name: "Johnny"
}
];
return $scope.search = function() {
return console.log($scope.newSearch.postcode);
};
};
}).call(this);