Angular JS error - http://errors.angularjs.org/1.5.0/$injector/unpr?p0
<p>I keep getting the error mentioned in the title. I have tried reading Angular docs on the error and seems like I am going everything fine.</p>

<p>I have 3 modules App.js, planCtrl.js and gservice.js and attached them like below</p>

<p><strong>index.html</strong> </p>

<pre><code>&lt;!-- jQuery --&gt;
&lt;script src="js/jquery.js"&gt;&lt;/script&gt;
&lt;!-- Google Libraries --&gt;
&lt;script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvkISJD8ay_X92_2BJxoe1k15ICtGFf5o&amp;libraries=places"&gt;&lt;/script&gt;

&lt;!-- Bootstrap Core JavaScript --&gt;
&lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="https://code.angularjs.org/1.5.0/angular.min.js"&gt;&lt;/script&gt;
&lt;script src="https://code.angularjs.org/1.5.0/angular-route.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-cookies.js"&gt;&lt;/script&gt;
&lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-messages.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"&gt;&lt;/script&gt;

&lt;script src="js/app.js"&gt;&lt;/script&gt;
&lt;script src="js/planCtrl.js"&gt;&lt;/script&gt;
&lt;script src="js/gservice.js"&gt;&lt;/script&gt;
</code></pre>

<p><strong>app.js</strong></p>

<pre><code>var chaloApp = angular
     .module('chaloApp', [
        'planCtrl', 'gservice', 'ngCookies', 
        'ngRoute', 'ngMessages', 'ui.bootstrap'
    ]);
</code></pre>

<p><strong>plan.js</strong></p>

<pre><code>var planCtrl = angular.module('planCtrl', ['gservice']);

planCtrl.controller('planController', ['$scope', '$rootScope', '$http', '$cookies', '$location', '$compile', '$uibModal', 'gservice', function($scope, $rootScope, $http, $cookies, $location, $compile, $uibModal, gservice){
</code></pre>

<p><strong>gservice.js</strong></p>

<pre><code>angular.module('gservice', [])
    .factory('gservice', ['$scope', '$rootScope', '$http', function($scope, $rootScope, $http){
</code></pre>

<p>Here is the full error if details are needed.</p>

<pre><code>Error: [$injector:unpr] http://errors.angularjs.org/1.5.0/$injector/unpr?p0=&lt;div class="routePages ng-scope" ng-view=""&gt;copeProvider%20%3C-%20%24scope%20%3C-%20gservice
at Error (native)
at https://code.angularjs.org/1.5.0/angular.min.js:6:416
at https://code.angularjs.org/1.5.0/angular.min.js:43:7
at Object.d [as get] (https://code.angularjs.org/1.5.0/angular.min.js:40:270)
at https://code.angularjs.org/1.5.0/angular.min.js:43:69
at d (https://code.angularjs.org/1.5.0/angular.min.js:40:270)
at e (https://code.angularjs.org/1.5.0/angular.min.js:41:1)
at Object.invoke (https://code.angularjs.org/1.5.0/angular.min.js:41:86)
at Object.$get (https://code.angularjs.org/1.5.0/angular.min.js:38:460)
at Object.invoke (https://code.angularjs.org/1.5.0/angular.min.js:41:295)
</code></pre>

<p>Been struggling with this one for bit so appreciate any help.</p>

<p>Thanks,</p>