مشکل در ایمپورت کردن icons در mui
اخیراً mui ورژن جدیدی بیرون داده که من طبق خود دستور العملش نصب کردم
npm install @mui/material @emotion/react @emotion/styledبرای تست هم Button رو امتحان کردم و به درستی نمایش می ده .مشکل اونجاست که می خوام از ایکون هاش استفاده کنم . باز طبق دستور خودش @mui/icons-material رو نصب کردم.
npm install @mui/icons-materialموقع استفاده همچین اروری میده
Compiled with problems:X
WARNING in ./node_modules/@mui/material/SvgIcon/SvgIcon.js 24:31-53
export 'getSvgIconUtilityClass' (imported as 'getSvgIconUtilityClass') was not found in './svgIconClasses' (possible exports: default)ممنون می شم اگر کسی می تونه راهنمایی کنه.
کد قایل app.js
import React from 'react';
import Button from '@mui/material/Button'
import DeleteIcon from '@mui/icons-material/Delete'
const App = (props) => {
return (
<div>
<Button variant="contained" color="success"><DeleteIcon />primary</Button>
</div>
)
}
export default App;گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
گزارش تخلف
کپی کردن
0
سلام صبحتون بخیر
فایل package-lock.json رو باز کنید و این ها رو جایگزین کنید
"@material-ui/core": "^4.9.10",
"@material-ui/lab": "^4.0.0-alpha.49",و بعد دستور npm update رو بزنید
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
@mindofasync
طبق جستجو هایی که بنده انجام دادم همه این مشکل رو داشتن و مثل اینکه در حال درست کردنش هستن
و راه حل فعلی همینه
موفق و پیروز باشید.