Angular 1.3.8 routing not working without errors

Question

I am following a book called MEAN Machine. The code from the part in this book in question can be found at this Github Repo.

When clicking the links in /public/views/index.html which should be routed, I get file not found errors in the web browser.

The code (/public/js/app.routes.js) that does not seem to work:

// inject ngRoute for all our routing needs
angular.module('routerRoutes', ['ngRoute'])

// configure our routes
.config(function($routeProvider, $locationProvider) {
    $routeProvider

    // route for the home page
    .when('/', {
        templateUrl : 'views/pages/home.html',
        controller  : 'homeController',
        controllerAs: 'home'
    })

    // route for the about page
    .when('/about', {
        templateUrl : 'views/pages/about.html',
        controller  : 'aboutController',
        controllerAs: 'about'
    })

    // route for the contact page
    .when('/contact', {
        templateUrl : 'views/pages/contact.html',
        controller  : 'contactController',
        controllerAs: 'contact'
    });

    $locationProvider.html5Mode(true);
});

In the index.html file, we are pointing to the correct files:

<script src="js/app.routes.js"></script>
<script src="js/app.js"></script>

To test their code, I changed the base tag in index.html to my folder's path which eliminated errors of not finding the above files.

Is this material dated? Also, I realize this book is not using Angular 2. Does Angular 2 vary drastically in routing and is this material deprecated?

Answer 1

Simply run command

node server.js 

from '12-angular-routing' directory and open in browser http://localhost:8080

The problem is that browsers by default does not allow AJAX requests to files located on your local file system. In this case you should run your local server which serves client application(server.js is simple express server).