Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – Mui components have no exports ('export default') error

I just started creating a new react project, so I installed all necessary libs as mui, react-dom, …. I used all instruction found on the mui page.

After starting blank project without any filled pages I got errors that MUI modules have no exports (as you can see in the screenshot).
Errors

I used all commands for installation from mui core web doc.:
npm install @mui/material @emotion/react @emotion/styled
npm install @fontsource/roboto
npm install @mui/icons-material
npm install react-router react-router-dom

Did I miss something?

Tags:

2

Answers


  1. 0

    Ensure correct dependency versions and import statements. Delete node_modules and package-lock.json, then run npm install again. Check MUI documentation for accurate import syntax.

    Login or Signup to reply.
  2. 0

    It seems like a package issues. Try the steps below.

    1. May be some caching problem , try closing all then open and run the project
    2. If it doesn’t work, delete the node moodules folder fully and run npm install, then start again
    3. If still problem persist, then check update the node and npm and create a new project and check
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search