$routeProvider does not work - Angularjs

Question

I’m trying to do something simple on Plunker which is to load the contents of home html. in index.html, however, is giving error.

Before it was not working even this line of code(when put the ngRoute but after adding the required lib worked):

var app = angular.module('plunker', ['ngRoute']);  

Now it’s these lines that are giving trouble:

app.config(['$routeProvider', function($routeProvider){
  $routeProvider.
    when('/home', {
      templareUrl: 'home.html'
    })
}]);

The goal is simple: to call home.html content in index.html

Follow the link: https://plnkr.co/edit/baHrKC2l0S8nCaHoacsb

Answer 1

You are using the version 1.5.11 angular, but is using the version 1.6.6 angular-route. Work with the same versions to avoid problems. Also, use:

<a href="#home">Go to home</a>

instead of:

<a href="\home">Go to home</a>

...because this second will try to load the file home.html in https://run.plnkr.co/home instead of searching inside your project (otherwise it might even work in a real project, because the file could exist on your site).

Also, in the archive app.js you wrote templareUrl instead of templateUrl (a silly but boring mistake to realize).

Follows plunker up-to-date and functioning.