Argument 'ApplicationController' is not a function, got undefined

Question

I am creating an Angular app and following the same architecture defined in http://yeoman.io/ for angular.

These are the attached snapshots of the project architecture and the controller file for which I am getting an error.

Error description:

Error: ng:areq
Bad Argument
Argument 'ApplicationController' is not a function, got undefined

PLease help!

Thanks in advance

Answer 1

Please change angular.module("core").controller("ApplicationController",.....) to angular.module("core",[]).controller("ApplicationController",.....)

Answer 2

Change var applicationModuleName = 'calculateEngineApp'; to

var applicationModuleName = 'core';

Without seeing your html, I don't know what you are actually loading, but make sure your ng-app attribute points to 'core' and your ng-controller attribute points to 'ApplicationController'.

It appears that you are trying to load an application module by the name of 'calculateEngineApp' in your config, but then in your controllers you are saying the controllers are part of the 'core' module. I don't see 'core' being injected into the dependencies in your config.

Answer 3

Here is the solution

This is from the docs:

Beware that using angular.module('myModule', []) will create the module myModule and overwrite any existing module named myModule. Use angular.module('myModule') to retrieve an existing module.

Source: angularjs defining services for the same module in different files