javascript - Defining The Initial App in AngularJS - Argument 'fn' is not a function, got string - Stack Overflo

I'm using the more verbose syntax to define modules and the app. I have blank HTML page that pulls in angular.js and then this file (app.js), and I get the error

Uncaught Error: Argument 'fn' is not a function, got string from testapp.

Do I have a typo, or misunderstand the parameters. Not sure what I am doing wrong.

file: app.js

    angular.module('testappmon', []);
    angular.module('testapp.controllers', []);
    angular.module('testapp.services', []);

    angular.module('testapp', ['testapp.controllers', 'testappmon', 'testapp.services'], function ($httpProvider) {

    });

I'm using the more verbose syntax to define modules and the app. I have blank HTML page that pulls in angular.js and then this file (app.js), and I get the error

Uncaught Error: Argument 'fn' is not a function, got string from testapp.

Do I have a typo, or misunderstand the parameters. Not sure what I am doing wrong.

file: app.js

    angular.module('testapp.mon', []);
    angular.module('testapp.controllers', []);
    angular.module('testapp.services', []);

    angular.module('testapp', ['testapp.controllers', 'testapp.mon', 'testapp.services'], function ($httpProvider) {

    });

• javascript
• angularjs

Share Improve this question Follow edited Feb 25, 2016 at 13:18 Glen Solsberry 12.3k1616 gold badges7373 silver badges9696 bronze badges asked Aug 13, 2013 at 14:44 BuddyJoeBuddyJoe 71.2k115115 gold badges301301 silver badges473473 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

This should some like this

    angular.module('testapp.mon', []);
    angular.module('testapp.controllers', []);
    angular.module('testapp.services', []);

    angular.module('testapp', ['testapp.controllers', 'testapp.mon', 'testapp.services'])
           .config(['$routeProvider', '$httpProvider', function ($routeProvider, $httpProvider) {
            }]);