lazy() loading not loading non component js file in react

Question

I am trying to lazy load constant file in react. This constant file is not react component just simple javascript files like below :

// constant.js

export const customFunction = () => {
}

// component.js
const {
customFunction,
} = React.lazy(() => import('./constant.js'));

This I am not able to find in browser under developer tools source option. Also due to this getting customFunction undefined error. This code work if do normal import. customFunction using under useEffect()

import {
customFunction
} from './constant.js';

These are some related questions I found on stackoverflow, with answers. stackoverflow.com/questions/40756177/… stackoverflow.com/questions/53521727/… — Hamza Asif
– Hamza Asif, Commented Sep 27, 2021 at 10:35

Hamza Asif · Accepted Answer · 2021-09-27 11:56:49Z

2

Do not wrap import statement inside React.lazy. Instead only use import() which returns a Promise and it gets resolved to the contents of the mentioned file

Here is a working example

answered Sep 27, 2021 at 11:56

Hamza Asif

3571 silver badge10 bronze badges

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

8 Comments

Avinash Dalvi Over a year ago

I tried this but getting error " Couldn't load Custom Script Error: Cannot find module './constant'

Hamza Asif Over a year ago

What is your react and react-dom version?

Avinash Dalvi Over a year ago

"react": "^17.0.1", "react-dom": "^17.0.1"

Hamza Asif Over a year ago

It is working in the example I mentioned. From your error, it seems that the path provided to the file wasn't correct. Can you share what you tried so far?

Avinash Dalvi Over a year ago

I checked path because similar path is working for normal import. I see your example is working.

|

Collectives™ on Stack Overflow

lazy() loading not loading non component js file in react

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related