Angularjs 1.2 $Injector:Modulerr

Angular JS Uncaught Error: [$injector:modulerr]

Try adding this:

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

AngularJS 1.2 $injector:modulerr

The problem was caused by missing inclusion of ngRoute module. Since version 1.1.6 it's a separate part:

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

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

AngularJs: Uncaught Error: [$injector:modulerr]

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>

Angular Uncaught Error: [$injector:modulerr]

If you working in plunker its fine. If not then the error may be due to

<script data-require="angular.js@1.2.20" data-semver="1.2.19" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script data-require="angular-animate@1.2.17" data-semver="1.2.17" src="http://code.angularjs.org/1.2.17/angular-animate.js"></script>

data-require and data-semver are actually specific implementations by Plunker.

Better to use:
bower install angular-animate
and add the script tag

< script src="/bower_components/angular-animate/angular-animate.js"></script >

finally Dependency injection

angular.module('myApp', ['ngAnimate']);

Uncaught Error injector modulerr Module Error

If you are using <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> use $routeProvider instead of $stateProvider

Then you're code will looks like that :

app.config(['$locationProvider', '$routeProvider',
function($locationProvider, $routeProvider) {
$locationProvider.hashPrefix('');
$routeProvider
.when('/GradesData', {
templateUrl: '../GradesData.html'})
.when('/GradesForm', {
templateUrl: '../GradesForm.html'
});
$routeProvider.otherwise('/');
}
]);

Add ngRoute to angular.module

angular.module('app', ['ngRoute'])

https://www.w3schools.com/angular/angular_routing.asp

For $stateProvider add ui.router to angular.module

angular.module('helloworld', ['ui.router']);

and use

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.20/angular-ui-router.min.js"></script>

look up here: https://ui-router.github.io/ng1/tutorial/helloworld

Uncaught Error: [$injector:modulerr] in angular js

Working Plnkr

Change $routerProvider to $routeProvider. Replace , with . in config. For example:

when('/about',{template:'templates/about.html'}),
when('/careers',{template:'templates/careers.html'})

to

when('/about',{template:'templates/about.html'})
.when('/careers',{template:'templates/careers.html'})

Your JavaScript code should look like this:

var website = angular.module('website',['ngRoute','ngResource']);

website.config(function($routeProvider){
$routeProvider.
when('/about',{template:'templates/about.html'})
.when('/careers',{template:'templates/careers.html'})
.when('/signup',{template:'templates/signup.html'})
.otherwise({redirectTo : '/home', template:'/home.html'})
})

website.controller('mainController', function($scope){

});

For more information, please have a look at this example.

Hope that solve your problem.

angular.js:88 Uncaught Error: [$injector:modulerr]

issued solve

I can't believe but it's work for me using
ng-app="app" to ng-app"app"

Angular JS Error: [$injector:modulerr]

AdalAngular can work ncaught Error: [$injector:modulerr] with angularjs

You don't have $locationProvider


app.config(['$routeProvider', '$httpProvider', 'adalAuthenticationServiceProvider', '$locationProvider',
function ($routeProvider, $httpProvider, adalProvider, $locationProvider) {
$routeProvider.when('/', {
controller: "loginController", templateUrl: "login.html"
});
}]);


Related Topics



Leave a reply



Submit