CODEWITHSUNDEEP
javascripthtmlcssreactjsmaterial-ui
Faruk Suljagic
Faruk Suljagic

Reputation: 108

Material-UI Can't resolve '@material-ui/core/styles/createMuiTheme

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'

Upvotes: 7

Views: 18073

Answers (3)

SegunDev
SegunDev

Reputation: 131

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

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

Upvotes: 2

NearHuscarl
NearHuscarl

Reputation: 81310

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';

Upvotes: 18

Tharindu Marapana
Tharindu Marapana

Reputation: 265

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 .

Upvotes: -1

Related Questions