Material-UI 无法解析 '@material-ui/core/styles/createMuiTheme

Question

I know people have posted similar question on StackOverflow, but nothing worked for me, the errors are not the same nor are the fixes, so I am creating a new post.

The firm that is testing me sent me their Github repository and I need to check out that code, it is a Telegram Web app and they are using Material-UI for their design, I cloned the repo installed node_modules and then I got the error from Material-UI,I followed instructions from other StackOverflow posts but nothing worked for me, uninstalled @material-ui/core and @material-ui/icons , installed them again and still got the same error.

I have tried both NPM and Yarn for installation and nothing. Hope you can help, it is important.

./src/Theme.js
Module not found: Can't resolve '@material-ui/core/styles/createMuiTheme' in '/Users/Faruk/Desktop/int/telegram-react/src'

Answer 1

If you are using material UI V5 or higher, this works;

import { createTheme } from '@mui/material/styles';

Answer 2

Don't know about createMuiTheme. but you can use this for importing Styles in Mui. This solved mine on importing styles only ,

import styled from '@material-ui/core';

Also it works for Material-ui Box, Paper, Link, Grid all of them. Use like this,

import { Grid, Link, makeStyles, Paper,Box, styled} from '@material-ui/core';

But I'm not sure with your theme .

Answer 3

As @Ryan mentioned , createMuiTheme has been renamed to createTheme in the latest v4 and in v5. See the migration guide here for reference.

V5

import { createTheme } from '@mui/material/styles';

V4

import { createTheme } from '@material-ui/core/styles';