Lazy loading: Can't load dynamic module

Question

I try to load dynamically in my dashboard using React.lazy() and Suspense component. It works really well with an hardcoded value, but not with a variable. I'm a little bit speechless right now. Probably a dumb error!

Works:

const WidgetComponent = React.lazy(() => import('../../../widgets/dummy/Dummy'));

Don't works:

// widget.path === '../../../widgets/dummy/Dummy'
const WidgetComponent = React.lazy(() => import(widget.path));

Don't works also:

const WidgetComponent = React.lazy(() => import(`${widget.path}`));

One thing I can add is the widget prop is filled from a json file in public folder.

Using variable would not work. Using an expression should work. Answer to a similar problem. Another one. But I think it is better to write: React.lazy(() => import('../../../widgets/dummy/Dummy'));. — Ajeet Shah
– Ajeet Shah, Commented Dec 24, 2020 at 16:32
Works: import(../../../widgets/${widget.component})); Don't works: import(${widget.path})); — Jonathan Anctil
– Jonathan Anctil, Commented Dec 24, 2020 at 16:37
`${widget.path}` works, check it here codesandbox.io/s/reactlazy-forked-1yq4i?file=/src/… — ARZMI Imad
– ARZMI Imad, Commented Dec 24, 2020 at 16:50
@ARZMIImad ok I will retry, maybe the compiler who's messing with me... — Jonathan Anctil
– Jonathan Anctil, Commented Dec 24, 2020 at 16:59

Jonathan Anctil · Accepted Answer · 2020-12-24 16:41:35Z

1

Ok, with the help of @Ajeet Shah I've solved my problem.

I've created a new property with the component name instead and I did that :

const WidgetComponent = React.lazy(() => import(`../../../widgets/${widget.component}`));

Not the most elegant solution, but it works.

answered Dec 24, 2020 at 16:41

Jonathan Anctil

1,0574 gold badges23 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

Lazy loading: Can't load dynamic module

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related