requirejs returns undefined in asp.net core application

Question

I installed requirejs nuget package and added to my Index.cshtml this:

<script src="~/lib/requirejs/require.js" data-main="/js/scripts/tetromino-client/client.js"></script>

My project structure looks like this:

wwwroot
   |-js
     |-scripts
        |-tetromino-client
           |-client.js
           |-block.js
Views
  |-Home
     |-Index.cshtml

client.js

requirejs(["block"], function (Block) {
    var block = new Block(); // Block is undefined
    console.log(block.value);
});

block.js

function Block() {
    this.value = 50;
}

Requirejs cannot resolve block.js and returns undefined. What did I do wrong?

Have you exported Block using the RequireJS define syntax? — Emile Bergeron
– Emile Bergeron, Commented Jun 2, 2017 at 16:22
Thank you, I thought that define() was similar to requirejs(). I found a solution. — FCin
– FCin, Commented Jun 2, 2017 at 16:33

Nhor · Accepted Answer · 2017-06-02 16:29:59Z

1

What you're missing is a requirejs.config call with baseUrl, telling RequireJS where to look for additional libraries:

requirejs.config({baseUrl: './js/scripts/tetromino-client'}):

requirejs(["block"], function (Block) {
    var block = new Block(); // Block is undefined
    console.log(block.value);
});

And then you need to use define syntax when defining the block module:

define(function () {
    function Block() {
        this.value = 50;
    }

    return Block;
});

answered Jun 2, 2017 at 16:29

Nhor

3,9806 gold badges31 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

requirejs returns undefined in asp.net core application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest