title: AngularJS error Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource
body: <p>I'am traying to navigate between to pages with angularJS but when i open the main page with my browser it doesn't display anything 
  when i look in the console i see this error :</p>
  
  <pre><code>Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
  </code></pre>
  
  <p>here is my code:</p>
  
  <p>ViewsTestPage:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Views Test&lt;/title&gt;
      &lt;script src="angular.min.js"&gt;&lt;/script&gt;
      &lt;script  src="angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script  src="controller.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app="myApp"&gt;
      &lt;div ng-view&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>the controller.js:</p>
  
  <pre><code>var mainApp = angular.module('myApp', ['ngRoute']);
  
  mainApp.config(function($routeProvider){
      $routeProvider
      .when('/', {
          templateUrl: 'UsersPage.html'
  
      })
  
     .when('/helloUser', {
      templateUrl: 'hello.html'
  })
  .otherwise({
      redirectTo: '/'
  });
  
  });
  </code></pre>
  
  <p>UsersPage :</p>
  
  <pre><code>Hello world &lt;a href="#/helloUser"&gt;Hi users&lt;/a&gt;
  </code></pre>
  
  <p>hello.html</p>
  
  <pre><code> &lt;h1&gt; Users Page&lt;/h1&gt;
  </code></pre>
  
  <p>any help please i'am begginner!!!!</p>