Material-ui: Module not found: Can't resolve 'material-ui/Toolbar'

Question

Material UI code

I am using React Material ui. Tried to use ToolBar and AppBar component of Material UI. But while using this i got the following error.Module not found: Can't resolve 'material-ui/core/Toolbar'

I've done some research and removed the packages and reinstalled them. However, I keep getting the same error i tried to import using both the ways to import

Not sure why this issue happens.Is there any issue with the @material-ui/core version i am using ?

```
import React from 'react'
import AppBar from '@material-ui/core/AppBar';
import Toolbar from 'material-ui/core/Toolbar';
import {
    ListItem,
    IconButton,
    ListItemText,
    Avatar,
    Divider,
    List,
    Typography,
    Box
} from '@material-ui/core';
import {
    ArraowBack,
    AssignmentInd,
    Home,
    Apps,
    ContactMail,
    ArrowBack
} from "@material-ui/icons"

const Navbar = () => {
    return (
        <Box component="nav">
            <AppBar>
            <Toolbar>
                    <ArrowBack>

                    </ArrowBack>
                </Toolbar>  
            </AppBar>

        </Box>
    )
}

export default Navbar;

```

I am using React Material ui. Tried to use ToolBar and AppBar component of Material UI. But while using this i got the following error.Module not found: Can't resolve 'material-ui/core/Toolbar'

I've done some research and removed the packages and reinstalled them. However, I keep getting the same error i tried to import using both the ways to import

Not sure why this issue happens.Is there any issue with the @material-ui/core version i am using ?

Its @material-ui/core/Toolbar... Steps for debugging that should have been taken: 1) What's different about this component compared to the other ones that don't error? 2) How does the documentation show how to use this component? — Brian Thompson
– Brian Thompson, Commented May 22, 2020 at 19:05

Vaibhav Gidde · Accepted Answer · 2020-07-15 10:26:08Z

2

import Toolbar from '@material-ui/core/Toolbar';
// or
import { Toolbar } from '@material-ui/core';

answered Jul 15, 2020 at 10:26

Vaibhav Gidde

7608 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Material-ui: Module not found: Can't resolve 'material-ui/Toolbar'

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related