AngularJs: Uncaught Error: [$injector:modulerr]

Question

I have used angular and angular routing

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

In error this file Indexcontroller.js

var app = angular.module('myapp', ['ngRoute']); app.controller('myCtrl', ['$scope']); app.config(["$routeProvider", function($routeProvider) { $routeProvider .when('/ui-login', { templateUrl: 'ui-login.html', controller: 'loginController' }) .otherwise({ redirectTo: '/ui-login' }); }]); app.controller('loginController', function($scope) { //Controller Here $scope.submit = function() { console.log("hi i m coming"); } console.log("in controller"); });

Error:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.9/$injector/modulerr?p0=myApp&p1=Error%3A%2…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.min.js%3A22%3A332)

Output: enter image description here

add the ngRoute to the controller as well. Possible link solution — ZombieChowder
– ZombieChowder, Commented Aug 21, 2018 at 9:12
@ ZombieChowder tx for response and I have tried this but same error — Rushi dave
– Rushi dave, Commented Aug 21, 2018 at 9:14
@Rushidave angular.js and angular-route.js files should have matching versions. Change 1.2.0rc1 to 1.6.9 — Aleksey Solovey
– Aleksey Solovey, Commented Aug 21, 2018 at 9:17
@Rushidave you should be more specific. Your error says myApp, whereas your module is named myapp. You don't pass a controller function in here: app.controller('myCtrl', ['$scope']);. And for better error logs you can change .min.js to .js — Aleksey Solovey
– Aleksey Solovey, Commented Aug 21, 2018 at 9:23
inconsistencies between modules, controllers and js includes is the source if your issue. Just double check everything and you should resolve this issue easily. — ZombieChowder
– ZombieChowder, Commented Aug 21, 2018 at 9:30

Rushi dave · Accepted Answer · 2018-08-21 10:22:50Z

I solved the issue

I have to put angular.min.js before angular-route.min.js and than it's solved

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

order matters here

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.min.js"></script>

Collectives™ on Stack Overflow

AngularJs: Uncaught Error: [$injector:modulerr]

Error:

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Error:

1 Answer 1

Comments

Linked

Related