Clash Royale CLAN TAG#URR8PPP

Webpack - Dynamically importing a class

I'm trying to dynamically import a class when a router condition is met.

I have no problems importing a standard (non-class) module, as this works as expected:

Router.on(
'/:region/map': (params) =>
import("Controllers/map.js" /* webpackChunkName: "map" */).then((map) =>
map.initialise(params.region);
);

);


But trying to do the same with a class is not working as expected.

Router.on(
'/:region/map': (params) =>
import("Controllers/map.js" /* webpackChunkName: "map" */).then(Map =>
Map.initialise(params.region);
);

);


Which fails 'e.initialise is not a function';

I also try to instantiate the class by using the new keyword:

new

Router.on(
'/:region/map': (params) =>
import("Controllers/map.js" /* webpackChunkName: "map" */).then(Map =>
const MapClass = new Map();
MapClass.initialise(params.region);
);

);


But still no joy!

How do I dynamically import a class in this scenario?

UPDATE:

This is my Map module, as a non-class module, which works:

var map =
initialise(region)
console.log("Map initialised for region: " + region);


export map ;


This is the same module but as a Class:

export default class Map
constructor()
//

initialise(region)
console.log("Map initialised for region: " + region);




1 Answer
1

class Map
constructor()
//

initialise(region)
console.log("Map initialised for region: " + region);



export Map




Router.on(
'/:region/map': (params) =>
import("Controllers/map.js").then(( Map )=>
const MapClass = new Map();
MapClass.initialise(params.region);
);

);


can you try the above code and see are you getting Class in console

ƒ n()!function(n,e)if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")(this,n),this.currentRegion=null

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.