Im making an AngularJS+AngularFire+Firebase Application.

My problem is same decribed in this post (check post)

but solution there did not help me.

My firebase json is set as follows

{

"hosting": {

"public": "public",

"rewrites": [

{

"source": "**",

"destination": "/index.html"

}

]

}

}

I waas trying to handle browser refresh, thats why I set destination to index.html, I have deployed my app on firebase on this link https://blinding-fire-7418.firebaseapp.com/

When I click on GotoHome then New page open up and then I click on browser refresh button it produces error.

Actually when I browser refresh, firebase unable to find specified URL so firebase rewrites URL to index.html, while loading index.html again it gives below error and contents of angular.min.js are replaced by contents of index.html.

angular.min.js:1 Uncaught SyntaxError: Unexpected token <

angular-route.min.js:1 Uncaught SyntaxError: Unexpected token <

angularfire.min.js:12 Uncaught ReferenceError: angular is not defined(anonymous function) @ angularfire.min.js:12(anonymous function) @ angularfire.min.js:12

App.js:1 Uncaught SyntaxError: Unexpected token <

this is index.html code:

My new Project

my project structure for Scripts folder is below