Call object function in RequireJS

Question

I use RequireJS to load some scripts.

Now I would like to create some own methods which also needs the loaded script. I've tried a lot but I always get Uncaught (in promise) ReferenceError: hd is not defined. Both scripts are loaded in my index.html.

Calling the method 'connect' from main.js

hd.connect.call(token);

socket-workers.js

...
require.config({

shim: {
    'socket.io': {
      exports: 'io'
    },
    'socket.io-stream': {
      exports: 'ss'
    }
  },
  paths: {
    'socket.io': WEBSOCKET_PROXY_HOST + '/socket.io/socket.io',
    'socket.io-stream': WEBSOCKET_PROXY_HOST + '/socket.io-stream/socket.io-stream'
  },
  waitSeconds: 1

});

requirejs([
  'socket.io', 'socket.io-stream'
], function(io, ss) {

  // Setup Methods & Events

  const hd = {

    connect : function(token) {
      // Connect to Socket, Proxy Server & authenticate
      socket = io(WEBSOCKET_PROXY_HOST, {
        auth: {
          token: token
        }
      }).on('connect', function(data) {
        socketConnected = true;
        isStreaming = false;
        console.log('connected to socket');
        if (activeRecording) {
          //#startRecording();
        }
      });
...

Don't think theres enough info here. Where are you calling hd.connect.call(token)? — Spankied
– Spankied, Commented Dec 11, 2021 at 19:03
oh sorry, I have two scripts main.js and socket-workers.js and I want to create a kind of SDK. — mm1975
– mm1975, Commented Dec 11, 2021 at 19:08

Damian Dziaduch · Accepted Answer · 2021-12-15 09:13:56Z

RequireJS can be used this way, but there is a more proper way - define a module and then require it while defining another module:

socket-workers.js:

require.config({

shim: {
    'socket.io': {
      exports: 'io'
    },
    'socket.io-stream': {
      exports: 'ss'
    }
  },
  paths: {
    'socket.io': WEBSOCKET_PROXY_HOST + '/socket.io/socket.io',
    'socket.io-stream': WEBSOCKET_PROXY_HOST + '/socket.io-stream/socket.io-stream'
  },
  waitSeconds: 1

});

define('hd', [
  'socket.io', 'socket.io-stream'
], function(io, ss) {

  // Setup Methods & Events

  const hd = {

    connect : function(token) {
      // Connect to Socket, Proxy Server & authenticate
      socket = io(WEBSOCKET_PROXY_HOST, {
        auth: {
          token: token
        }
      }).on('connect', function(data) {
        socketConnected = true;
        isStreaming = false;
        console.log('connected to socket');
        if (activeRecording) {
          //#startRecording();
        }
      });
    );



    return hd;

main.js:

define(['hd'], function (hd) {
  hd.connect.call(token);
});

mm1975 · Accepted Answer · 2021-12-12 07:55:26Z

0

Finally I've found a solution to solve this issue. I've added

window.hd = hd;

within the function to make the methods available.

Now I can call every method with for e.g. hd.connect(), hd.disconnect()

answered Dec 12, 2021 at 7:55

mm1975

1,6555 gold badges32 silver badges54 bronze badges

1 Comment

Aluan Haddad Over a year ago

Without seeing the code in main.js from which the function is called its not clear whether this work around is necessary if the answer itself is kind of meaningless. Intuitively, I would think that hd should be exported from a third module via define as in // hd.js define(['socket.io', 'socket.io-stream'], function (io, ss) { var hd = {...}; return hd; }); and then in main // main.js requirejs(['./hd.js'], function (hd) { hd.connect(token); });

Collectives™ on Stack Overflow

Call object function in RequireJS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related