@material-ui icons react not resolved on windows

Question

I want to import material ui into my react code although i encoutered an error saying

Module not found: Can't resolve '@material-ui/icons/Search' in 'C:\Users\Dominik\code\facebook\src'

Shall I put a path to material ui or in package.json somewhere in VSCode ? There is version of material-ui in package.json so I dont know why i encouter such error.

score 0 · Answer 1 · answered Jun 02 '21 at 17:59

0

First make sure you install the package npm install @material-ui/icons. This is how you import your Material UI Icon component to react import SearchIcon from '@material-ui/icons/Search'; and you render it like <SearchIcon/>

answered Jun 02 '21 at 17:59

Aravind Reddy

353
4
18

https://1drv.ms/u/s!ArTg3PgWw2jtf-eife8-P4ftMp8?e=tdTbZ5 I do as you say and still encoutering an error saying Module not found: Can't resolve '@material-ui/icons/Search' in 'C:\Users\Dominik\code\facebook\src' Error from chokidar (C:\node_modules): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp' – Dominik Jędrychowski Jun 02 '21 at 18:03
https://stackoverflow.com/a/61936086/1930155 This might help – Aravind Reddy Jun 02 '21 at 18:11
https://pastebin.com/CR10jyRz This is package.json @Aravind Reddy – Dominik Jędrychowski Jun 02 '21 at 21:34
Can you install this package and try once npm i @material-ui/icons – Aravind Reddy Jun 03 '21 at 03:06
Done. Works. But was installed before. – Dominik Jędrychowski Jun 03 '21 at 19:58

score 0 · Answer 2 · answered Jun 03 '21 at 16:40

I switched to linux and it finds the module but there's an error: https://snipboard.io/Pz1YEH.jpg

My code

`import logo from './logo.svg';

import './App.css';
import Button from '@material-ui/core/Button';
import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';

function App() {
  return (
    <div className="App">
    
    <AccessAlarmIcon></AccessAlarmIcon>  <h1>Hello</h1>
    </div>
  );
}

export default App;

`

@material-ui icons react not resolved on windows

2 Answers2