Значки пользовательского интерфейса материалов

#reactjs #material-ui

Вопрос:

Описание проблемы

У меня есть приложение react-django с интерфейсом material-ui. Раньше я без проблем импортировал значки пользовательского интерфейса и материалы. Сегодня я даже не смог создать свое приложение после импорта нового значка из material-ui.

импорт вебикона из «@mui/иконки-материал/Веб»;

Это сообщение об ошибке, когда я пытаюсь запустить свое приложение react,

 > react-scripts start
Starting the development server...
Failed to compile.

./node_modules/@mui/icons-material/utils/createSvgIcon.js
 Module not found: Can't resolve '@mui/material/utils' in 
'/home/ztaye/Documents/Work/Afropa/code/afropa/frontend/node_modules/@mui/icons- 
material/utils'
/home/ztaye/Documents/Work/Afropa/code/afropa/frontend/node_modules/react- 
scripts/scripts/start.js:19
throw err;
^

Error: ENOENT: no such file or directory, stat '/initrd.img'
 

Ожидание

Я просто подозреваю, что ошибка связана с их новыми обновлениями. Я попытался переустановить пакет по этой ссылке, но это не сработало.

Ответ №1:

я не знаю Джанго, но в своей реакции я импортирую: импортирую значок arrowforwardios из «@material-ui/значки/ArrowForwardIos»;

если вы установите его следующим образом: npm i @material-пользовательский интерфейс/значки

Комментарии:

1. Как я уже объяснял ранее, я установил его таким образом

Ответ №2:

Это проблема обратной совместимости после обновления material-ui. Это начало работать после того, как я заменил все

 @mui/icons-material/
 

Для

 @material-ui/icons/
 

На каждом значке импорта.