Question

153

Angular 1.4.5 : Uncaught Error: [$injector:modulerr] ngRoute

rated 0 times [ 156] [ 3] / answers: 1 / hits: 22655 / 9 Years ago, mon, september 14, 2015, 12:00:00

When I try to refresh the page I have this error :

angular.js:38 http://errors.angularjs.org/1.4.5/$injector/modulerr?

p0=myApp&p1=Error%3A%2…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.5%2Fangular.min.js%3A19%3A381)

I have a simple module with a dependency of ngRoute:

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



app.config(function ($routeProvider) {



$routeProvider

.when('/', {

    templateUrl :'pages/main.html',

    controller : 'mainController'



})



.when('/second',{

    templateUrl : 'pages/second.html',

    controller : 'secondController'

})





});

and my html code:

<html ng-app='myApp'>

<head><title>The title</title></head>

<script src=https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5

/angular.min.js></script>

<script src=https://code.angularjs.org/1.4.5/angular-route.js>               

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

</script>

<body>



<div ng-view>

</div>





</body>





</html>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brynnleslis

Add To Favorites

Follow

Total Points: 425

Total Questions: 100

Total Answers: 115

Location: Wallis and Futuna

Member since Tue, Mar 30, 2021

3 Years ago

answered 9 Years ago byrondonavanc · Accepted Answer

Basically its typographical mistake.

It should be

<html ng-app='myapp'>

Instead of

<html ng-app='myApp'>

Additionally correct your script tags like below.

<script src=https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js></script>

<script src=https://code.angularjs.org/1.4.5/angular-route.js></script>          

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