Angular and NodeJS module 'foo' is not available

Question

I feel like I'm losing my mind because the answer should be so simple, I'm new to angular and nodejs and I'm trying to make an application that combines them both.

"Error: [$injector:nomod] Module 'myApp' 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."

public/controllers/Homecontroller:

(function () {
'use strict';
angular.module('myApp').controller('homeController', homeController);

    function homeController() {
        var vm = this;
        vm.fillerData = "FillerData"
    }
}) ();

public/Index.html:

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Dit is de index</title>
    <script src="res/js/angular.js" type="text/javascript" defer="defer"></script>
    <script src="controllers/homeController.js" type="text/javascript" defer="defer"></script>
</head>
<h1>What</h1>
<body ng-controller="homeController as homeCtrl">
    {{ homeCtrl.fillerData }}
</body>
</html>

router/index.js:

var router = require('express').Router();

router.get('/index', function (req, res) {
    res.sendfile('public/index.html');
});
router.get('/home', function (req, res) {
    res.sendfile('public/home.html');
});
module.exports = router;

and /server.js:

var express  = require('express');
var app      = express();
var routes = require('./router');

app.use(express.static(__dirname + '/public'));

app.use('/', routes);
require('router/index.js')(app);

app.listen(3000);
console.log("App listening on port 3000");

All the necessary packages have been installed as well, any help would be appreciated

Suren Srapyan · Accepted Answer · 2017-01-30 10:38:46Z

3

If you want to create a new module, you need to pass an empty array as the second parameter (if you have dependencies to other modules, than tell the modules in the array), which will tell angular that you are creating a new module.

From the Documentation

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.

angular.module('myApp',[]).controller('homeController', homeController);

If you want to get already created module, than you need to call like

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

answered Jan 30, 2017 at 10:38

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

DGK Over a year ago

I can only say "wow...". This solved it all, thanks man I appreciate it.

Sajeetharan Over a year ago

@woodsprite hope you saw my answer :P

DGK Over a year ago

Yep but Suren was a minute earlier, I voted you up though!

Sajeetharan · Accepted Answer · 2017-01-30 10:38:03Z

3

Your module should have empty dependencies injected, change as

angular.module('myApp',[]).controller('homeController', homeController);

answered Jan 30, 2017 at 10:38

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Comments

Mistalis · Accepted Answer · 2017-01-30 10:52:12Z

0

You have to change

angular.module('myApp').controller('homeController', homeController);

To:

angular.module('myApp', []).controller('homeController', homeController);

It will create the module.

answered Jan 30, 2017 at 10:52

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges

Collectives™ on Stack Overflow

Angular and NodeJS module 'foo' is not available

3 Answers 3

3 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Related