Alternates for 'System.import '

Question

After updating webpack, System.import start showing a deprecation error.

if (typeof System === 'undefined' || typeof System.import === 
 'undefined') {
 global.System = {};
 System.import = module => Promise.resolve(require(module));

}

Below is the loadRoute :

    function loadRoute(routePromise, reducerPromises = null) {
    return () => {
        routePromise = routePromise
            .then(module => (module.default ? module.default : module))
            .catch(err => console.error('Dynamic page loading failed', err));

        if (reducerPromises === null) {
            return routePromise;
        }

        return injectReducerAndRender(reducerPromises, routePromise);
    };
}

Route

<Route                       
 path="configuration/school-setup"
 getComponent={loadRoute(                
 System.import('./modules/Configuration/pages/SchoolSetup/SchoolSetup'),
 )}
/>

P Varga · Answer 1 · 2019-04-30T02:38:05.303

0

import('path/...and/some/more/to/get/over/the/character/limit')

edited Apr 30 '19 at 02:38

answered Apr 30 '19 at 02:31

P Varga

19,174
12
70
108

anything more, other than import – costal oktopus Apr 30 '19 at 02:38
@costaloktopus Why, would `import()` not work? It's the standard now – P Varga Apr 30 '19 at 02:39
I have tried that already, giving me some syntex error. I'll try one more time. Thank You. – costal oktopus Apr 30 '19 at 02:41
Just remove `System.`, otherwise the code you posted should work. Also, there seems to be a stray `,` at the end of the line... – P Varga Apr 30 '19 at 02:43
1

Got it, I forgot to remove ',' last time. – costal oktopus Apr 30 '19 at 02:44
@costaloktopus If it works, could you accept the answer? :) – P Varga Apr 30 '19 at 02:53
if (typeof System === 'undefined' || typeof System.import === 'undefined') global.System = {}; System.import = module => Promise.resolve(require(module)); }; not able to convert this. Please Help! – costal oktopus Apr 30 '19 at 07:25
`if (typeof System == 'undefined' || typeof System.import == 'undefined') global.System = {}; System.import = import` – P Varga Apr 30 '19 at 07:30
Are you using SystemJS? Also, what version of webpack? – P Varga Apr 30 '19 at 07:44
Not using Sustemjs and webpack 4 – costal oktopus Apr 30 '19 at 07:46
And where is `loadRoute` defined? – P Varga Apr 30 '19 at 07:48
I am sharing the loadroute in a while – costal oktopus Apr 30 '19 at 07:57
loadRoute is use to inject reducers. – costal oktopus Apr 30 '19 at 08:10

Alternates for 'System.import '

1 Answers1