[Fixed] Can’t import the named export ‘Children’ from non EcmaScript module (only default export is available)

Today We are Going To Solve Can’t import the named export ‘Children’ from non EcmaScript module (only default export is available) in react. Here we will Discuss All Possible Solutions and How this error Occurs So let’s get started with this Article.

How to Fix Can’t import the named export ‘Children’ from non EcmaScript module (only default export is available) Error?

Solution 1 : Use this command

Here to solve this error just use this command:

import {motion} from 'framer-motion/dist/es/index'

Solution 2 : Import on that way

To solve this error you have to import in the given below way:

import {AnimatePresence, motion} from 'framer-motion/dist/framer-motion'

Solution 3 : Install [email protected]

Here to solve this error first of all you have to uninstall framer-motion.

npm uninstall framer-motion

Then just Install [email protected] And your error will be solved.

npm install [email protected]

Conclusion

So these were all possible solutions to this error. I hope your error has been solved by this article. In the comments, tell us which solution worked? If you liked our article, please share it on your social media and comment on your suggestions. Thank you.

Also Read This Solutions

• VM305:5551 crbug/1173575, non-JS module files deprecated
• oduleNotFoundError: No module named ‘torch’
• The origin server did not find a current representation for the target resource or is not willing to disclose that one exists
• internal/modules/cjs/loader.js:582 throw err Error: Cannot find module
• You need to enable JavaScript to run this app in reactJS