`SyntaxError: Unexpected token <`

Question

Getting this error

SyntaxError: Unexpected token <

Whenever we add

$locationProvider.html5Mode(true);

For some reason it seems to start parsing resources as JS.

See

// App configuration
app.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {

    $routeProvider.when('/', {
        templateUrl: 'partials/home.html'
    });

    $locationProvider.html5Mode(true);
  }]
);

Your server should serve static assets: http://stackoverflow.com/questions/21067717/angularjs-and-express-routing-issue/21067807#21067807 — Ilan Frumer, Jan 16 '14 at 15:42
Yes, the error goes away when we comment out the `html5Mode` line and the app works perfectly, but with hashbangs. — Kirk Strobeck, Jan 16 '14 at 16:16

Jayram · Answer 1 · 2014-01-16T15:40:07.497

1

The fix I would suggest you to check your server side code where you need to add all your static files are declared before any other routes.

Also make sure the path you have added for the static files are the correct ones.

edited Jan 16 '14 at 15:40

answered Jan 16 '14 at 15:23

Jayram

18,820
6
51
68

1

We're setting `app.use(express.static(assets));` first in the express server – Kirk Strobeck Jan 16 '14 at 16:15

score 1 · Answer 2 · answered Apr 17 '16 at 01:55

I had this problem once. The cause was a missing slash ("/") in the begning of the source paths (src) of scripts files. In your index.html, the script resources must be similar to this (note the beginning slash in each path):

<script type="text/javascript" src="/js/angular.js"></script>
<script type="text/javascript" src="/js/angular-route.js"></script>
<script type="text/javascript" src="/js/app.js"></script>

In index file, its also necessary put this in the head section:

<base href="/" />

In the app.config section, each templateUrl must start with a slash ("/")

If you are testing in localhost (I use XAMPP for my tests), its required creating a virtual host too.

`SyntaxError: Unexpected token <`

2 Answers2