Cannot find why ngRoute is not loaded: Module 'ngRoute' is not available
<p>guys.</p>

<p>I know this error is pretty old, I already found many answers about this issue, but I still could not find the fix.</p>

<p>I`m getting the following error message:</p>

<p>angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:modulerr] Failed to instantiate module ngRoute due to:
Error: [$injector:nomod] Module 'ngRoute' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.</p>

<p>Index.html</p>

<pre><code>&lt;!DOCTYPE html&gt;

&lt;html lang="en" ng-app="myApp" &gt;
    &lt;head&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" scr="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="js/app.js"&gt;&lt;/script&gt;
        &lt;title&gt;My test Website&lt;/title&gt;
        &lt;meta name="author" content="me"&gt;
    &lt;/head&gt;

    &lt;body ng-controller="ContentController"&gt;
        &lt;ul class="main-nav" id="main-nav"&gt;
            &lt;li&gt;&lt;a href="#/"&gt;&lt;i class="fa fa-home"&gt;&lt;/i&gt;Home&lt;/li&gt;
            &lt;li&gt;&lt;a href="#nothing"&gt;&lt;i class="fa fa-comment"&gt;&lt;/i&gt;Portfolio&lt;/li&gt;
            &lt;li&gt;&lt;a href="#nothing"&gt;&lt;i class="fa fa-comment"&gt;&lt;/i&gt;Articles&lt;/li&gt;
            &lt;li&gt;&lt;a href="#nothing"&gt;&lt;i class="fa fa-comment"&gt;&lt;/i&gt;Books&lt;/li&gt;
        &lt;li&gt;&lt;a href="#about"&gt;&lt;i class="fa fa-shield"&gt;&lt;/i&gt;About Me&lt;/li&gt;
        &lt;/ul&gt;
        &lt;p&gt;Nothing here {{ 1 + 2}}&lt;/p&gt;

        &lt;ng-view&gt;&lt;/ng-view&gt;
    &lt;/body&gt;


&lt;/html&gt;
</code></pre>

<p>App.js</p>

<pre><code>var websiteApp = angular.module('myApp', ['ngRoute']);


    websiteApp.config(  function($routeProvider) {
    $routeProvider
        .when('/main', {
            templateUrl: '/views/main.html',
            controller: 'MainController'
        })
        .when('/about', {
            templateUrl: '/views/about.html',
            controller: 'AboutController'
        })
        .otherwise({
            redirectTo: '/'
        });
    });

    websiteApp.controller('ContentController', function ($scope) {
        console.log("content controller loaded");
    });

    websiteApp.controller('MainController', function ($scope) {
        console.log("main loaded");
    });

    websiteApp.controller('AboutController', function ($scope) {
        console.log("about loaded");
    });
</code></pre>

<p>I know I might be missing a really simple detail, but I have double checked all the answers of related issues on stack overflow and I can`t find out how to fix this one.</p>

<p>I believe preparing a fiddle won`t help you, because the problem seems to be related to the reference to angular-route.</p>

<p>Also, I have already disabled caching on my browser.</p>

<p>Could you help me?</p>

<p>Thank you!</p>