app.js
inde.html
iam new in angular js iwant a create a login page but routing not working i got the Uncaught Error: [$injector:modulerr] how to solve it
Your DI arguments mismatch in App.config(). You should remove $rootScope from function arguments or add $rootScope to the dependency array.
Related
I am trying to write a Jasmine test for an AngularJS service.
I am injecting the required modules but I get the following error:
Message:
Error: [$injector:modulerr] Failed to instantiate module routing due to:
Error: [$injector:unpr] Unknown provider: ConfigServiceProvider
https://docs.angularjs.org/error/$injector/unpr says that there is an unresolved dependency but I'm a little lost as the routing module contains the only references to ConfigServiceProvider. Do I need to include a module that provides ConfigService? If I do, how do I find which module provides a specific service in AngularJS?
I am having a problem with a controller that doesn't connect with the server.
I solved alot of errors but still I get this error:
Uncaught Error: [$injector:modulerr]
I searched and I found out that I need to use ngRoute. I used the CDN in the html file
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-route.min.js"></script>
and in the controller JS file:
var courseApp = angular.module('courseApp', ['ui.bootstrap', 'seeMoreFilter', 'ngSanitize', 'ngRoute']);
but still it gaveme the same error
I installed it with npm
npm install --save angular-route#1.7.9
I got another error in addition to the first one:
angular-route.js:102 Uncaught TypeError: b.module(...).info is not a
function
This error usually happens when you are trying to inject a module that is not available whe the apps loads. Based on the code that you posted I would check this modules 'ui.bootstrap', 'seeMoreFilter', 'ngSanitize'
because I don't see where are you loading this modules.
Happy coding and stay safe!!!
I'm trying to get ng-file-upload to work with my angularjs project, which uses webpack. I installed ng-file-upload via npm and added it to my main app.js
var ngFileUpload = require('../../node_modules/ng-file-upload/dist/ng-file-upload.min');
module.exports = angular.module('app', [ngFileUpload])
But I'm still getting:
Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module {} due to:
Error: [ng:areq] Argument 'module' is not a function, got Object
Could anyone tell me what I'm doing wrong, since I tried to find any information about this with no success.
Look for what ngFileUpload is exporting and what's the name of module. Right now you are injecting the module inside angular dependency but you need to just give name of your ngFileUpload module not the ngFileUpload it self. That's why you are getting this error. It's expecting a name of module but getting a object instead.
I am making an app using angular and ionic. I am doing facebook login and I have the following code in app.js init:
var app = angular.module('app', ['... 'ezfb', 'hljs']);
app.config('ezfbProvider', function (ezfbProvider) {
/**
* Basic setup
*
* https://github.com/pc035860/angular-easyfb#configuration
*/
ezfbProvider.setInitParams({
appId: 'iddddddd'
});
});
And I have added a reference to bundle about angular-easyfb.min.js and angular-easyfb.js
But I still get an error on the console saying :
Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module hljs due to:
Error: [$injector:nomod] Module 'hljs' 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.
Whats the problem I don't get it ?
The problem is that you need to have something call angular.module("hljs", [...]) before you can create your own module that depends on "hljs".
I'm guessing that you haven't included a "hljs" angular module, or that you have but the script tag for it does not appear before the script tag for your own module.
I'd like to integrate ui-rangeSlider in a app based on MEAN.io framework.
But I think the problem is the same for any module.
When I add the parameter in the function
angular.module('mean', ['ui-rangeSlider']).controller('PreferencesController', ['$scope', 'Global',
I added the required static ressources in the app.js :
Preferences.aggregateAsset('js', 'angular.rangeSlider.js');
I get an error
Uncaught Error: [$injector:modulerr] Failed to instantiate module mean due to:
Error: [$injector:unpr] Unknown provider: $stateProvider
Do you have any idea ?
Thank you
did you see this? How to implement jQuery range slider in AngularJS
I think you need to pass $stateProvider to your module. Without seeing more code I am not sure, I think it is not finding $stateProvider and is not an error related to the range slider script.