Error: [ng:areq] Argument 'LoginCtrl' is not a function, got undefined

umeshsharma04 · June 10, 2016, 8:36am

Hi,

Its really been so frustrated, i have been stuck with this issue and gone through forum with same topics but don’t see any solution. hope someone there to help me out from this issue.

App Controller files code:

// Ionic Starter App
’use strict’;
// angular.module is a global place for creating, registering and retrieving Angular modules
// ‘starter’ is the name of this angular module example (also set in a attribute in index.html)
// the 2nd parameter is an array of 'requires’
angular.module(‘starter’, [‘ionic’])

.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
if(window.cordova && window.cordova.plugins.Keyboard) {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);

  // Don't remove this line unless you know what you are doing. It stops the viewport
  // from snapping when text inputs are focused. Ionic handles this internally for
  // a much nicer keyboard experience.
  cordova.plugins.Keyboard.disableScroll(true);
}
if(window.StatusBar) {
  StatusBar.styleDefault();
}

});
})

.config(function($stateProvider, $urlRouterProvider) {

// Ionic uses AngularUI Router which uses the concept of states
// Learn more here: https://github.com/angular-ui/ui-router
// Set up the various states which the app can be in.
// Each state’s controller can be found in controllers.js
$stateProvider

.state('login', {
  cache:false,
  url: '/login',
  templateUrl: 'templates/login.html',
  controller: 'LoginCtrl'
})

;

// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise(’/login’);

});

Controllers.js file code

‘use strict’;
angular.module(‘starter.controllers’, [])

.controller(‘LoginCtrl’, function($scope) {
console.log(‘login controller loaded’);
//$scope.data = {};

/*$scope.login = function() {
  console.log("LOGIN user: " + $scope.data.username + " - PW: " + $scope.data.password);
}*/

})

Now Index.html code is here

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>

and Login.html templates is here

Username Password Keep me Signed In Sign In No Registered yet? Sign Up

i have tried everything and stuck here and getting error is below:

return logFn.apply(console, args);

ionic.bundle.js (line 26794)

IS THERE ANYONE WHO CAN HELP ME OUT REALLY, THANKS IN ADVANCE

sjerd · June 10, 2016, 9:33am

Heey, i think your issue is that you don’t add the starter.controllers as a dependecy too the angular module.starter, you should put it like this :
angular.module('starter', ['ionic', 'starter.controllers'])

hope it helps

umeshsharma04 · June 10, 2016, 10:27am

thanks for your reply really i appreciate, i just replaced the code you suggested and getting this issue

Error: [$injector:modulerr] Failed to instantiate module starter due to:
[$injector:modulerr] Failed to instantiate module starter.controllers due to:
[$injector:nomod] Module ‘starter.controllers’ 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.

return new ErrorConstructor(message);

ionic.bundle.js (line 13438, col 12)

sjerd · June 10, 2016, 11:19am

do you include the file in your index.html ?? or can you show me index.html? or provide a codepen sample here’s an example which is kinda the same thing as you want: http://codepen.io/loringdodge/pen/vOrRpV

umeshsharma04 · June 10, 2016, 12:20pm

here you got

Thanks

sjerd · June 10, 2016, 1:03pm

Heyy i made it work for you

study this code

umeshsharma04 · June 10, 2016, 1:27pm

Thanks really , i had to make changes into App.js And controllers.js as per your code

in app.js i had to add
angular.module(‘starter’, [‘ionic’,‘starter.controllers’])

and in controllers.js i had to add this line

angular.module(‘starter.controllers’, [])

and now it works.

thanks a lot 100 times