web-dev-qa-db-fra.com

Erreur: Échec d'exécution de «envoyer» sur «XMLHttpRequest»: Échec de chargement de «fichier»: AngularJS SPA

Je suis très nouveau à Angular SPA et pour la première fois je reçois un code par Google et j'essaye de courir. Mais je reçois quelques erreurs dans la console. Je ne pouvais pas comprendre pourquoi, je a trouvé la liste des erreurs de console suivantes:

XMLHttpRequest ne peut pas charger le fichier: /// C: /Users/hp/Downloads/single-page-app-angularjs-master/home.html. Les demandes Cross Origin ne sont prises en charge que pour les schémas de protocole: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Erreur: Échec d'exécution de "envoyer" sur "XMLHttpRequest": Échec de chargement du fichier ": /// C: /Users/hp/Downloads/single-page-app-angularjs-master/home.html". XMLHttpRequest ne peut pas charger le fichier: /// C: /Users/hp/Downloads/single-page-app-angularjs-master/about.html. Les demandes Cross Origin ne sont prises en charge que pour les schémas de protocole: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Erreur: [$ compile: tpload] http://errors.angularjs.org/1.3.3/ $ compile/tpload? P0 = home.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Single page web app using Angularjs</title>


<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
 <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-route.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  <script src="script.js"></script>


</head>
<body ng-app="single-page-app">
  <div ng-controller="cfgController">
  <div>
  <nav class="navbar navbar-inverse" role="navigation" style="padding-left:130px;">
         <ul class="nav navbar-nav">
        <li class="active"><a href="#/">Home<span class="sr-only">(current)</span></a></li>
        <li><a href="#/about">About us</a></li>
        <li><a href="#/about">Read tutorial</a></li>
      </ul>
</nav>
</div>
  <br/>

  <div ng-view class="jumbotron"></div>
  </div>
</body>
</html>
javascriptjqueryangularjssingle-page-application
8
Raanan Sampanth

Sous Windows:

chrome.exe --allow-file-access-from-files

ou

chrome.exe --allow-file-access-from-files --disable-web-security

Sur Mac:

open /Applications/Google\ Chrome.app/ --args --allow-file-access-from-files
12
Mohit Singh

j'ai fait face à quelque chose comme ça et résolu en utilisant un serveur d'applications comme Glassfish ...

en d'autres termes en utilisant http:// protocole au lieu de file://

1
Ahmed Adel