CODEWITHSUNDEEP
angularjs
Jay
Jay

Reputation: 153

angular.min.js XMLHttpRequest cannot load file

[![

/* app.js */

var model = angular.module('app',['ui.router']);

model.config(function($stateProvider, $urlRouterProvider){

	$urlRouterProvider.otherwise('/home');
	
	$stateProvider
	
	.state('home',{
		url: '/home',
		templateUrl: 'view/home.html',
		controller: 'homeController'
	})

});

/* home.js */

model.controller('homeController',function($scope){

});
<!-- index.html -->

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script type="text/javascript" src="js/angular.min.js" ></script>
		<script type="text/javascript" src="js/angular-ui-router.min.js" ></script>
		<script type="text/javascript" src="controller/app.js" ></script>
		<script type="text/javascript" src="controller/home.js" ></script>
	</head>
<body ng-app="app">
<header>Jayesh Shelar</header>
<div id="view" ui-view> </div>

</body>
</html>

]1]1HI

I am getting error as "angular.min.js:103 XMLHttpRequest cannot load file Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource."

Upvotes: 2

Views: 3545

Answers (2)

2 Global Nomads
2 Global Nomads

Reputation: 11

Re-start Chrome with the command line option --allow-file-access-from-files

For security reasons, you might want to have a separate shortcut to start Chrome for local debugging with that command line option.

Upvotes: 1

Rakesh Chand
Rakesh Chand

Reputation: 3113

You can do npm install http-server -g and start the server in your project folder by using http-server command.

Upvotes: 6

Related Questions