Tiada import ikon carian bahan-ui

Question

rreeee

Eksport 'carian' (diimport sebagai 'carian') tidak ditemui dalam '@material-ui/icons/Search' (mungkin eksport: __esModule, lalai)

Eksport 'carian' (diimport sebagai 'carian') tidak ditemui dalam '@material-ui/icons/Search' (mungkin eksport: __esModule, lalai)

Ikon carian tidak diimport, tetapi saya memasang pakej bahan, tetapi ia tidak ditunjukkan dalam package.json

Answer 1

Jika anda melihat dengan teliti pada penyata import anda

Ralat: /!

import { Search } from "@material-ui/icons/Search

Anda mengimport modul bernama "Cari", yang sudah mempunyai eksport lalai.
Untuk menggunakan eksport lalai anda harus menggunakan

Kerja:

import Search from "@material-ui/icons/Search

Jika anda ingin mengimport berbilang ikon, anda harus menggunakan penghalaan /icons,
Kemudian gunakan semua ikon yang anda mahu, berikut cara untuk mencapainya:

Kerja:

import { Search, Mail } from "@material-ui/icons

Pasang dan jalankan:

npm install @mui/icons-material @mui/material @emotion/styled @emotion/react

Answer 2

Import yang betul ialah:

import SearchIcon from '@mui/icons-material/Search';

Anda mesti memasangnya jika anda belum melakukannya

npm i @mui/icons-material

Anda boleh menemui semua ikon di sini: https://mui.com/material-ui/material-icons/