import React from 'react' import {Search} from "@material-ui/icons/Search" const App = () => { return ( <div> <Search/> </div> ) } export default App
Export 'search' (importiert als 'search') nicht gefunden in '@material-ui/icons/Search' (m?glicher Export: __esModule, Standard)
Export 'search' (importiert als 'search') nicht gefunden in '@material-ui/icons/Search' (m?glicher Export: __esModule, Standard)
Das Suchsymbol wird nicht importiert, aber ich habe das Materialpaket installiert, es wird jedoch nicht in package.json angezeigt
如果你仔細(xì)查看你的導(dǎo)入聲明
錯(cuò)誤:/!\
import { Search } from "@material-ui/icons/Search
您正在導(dǎo)入一個(gè)名為“搜索”的模塊,該模塊已有默認(rèn)導(dǎo)出。
為了使用默認(rèn)導(dǎo)出,您應(yīng)該使用
工作:
import Search from "@material-ui/icons/Search
如果你想導(dǎo)入多個(gè)圖標(biāo),你應(yīng)該使用路由/icons
,
然后使用您想要的所有圖標(biāo),這里是實(shí)現(xiàn)這一目標(biāo)的方法:
工作:
import { Search, Mail } from "@material-ui/icons
安裝運(yùn)行:
npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
正確的導(dǎo)入是:
import SearchIcon from '@mui/icons-material/Search';
如果您還沒有安裝,則必須安裝
npm i @mui/icons-material
您可以在這里找到所有圖標(biāo):https://mui.com/material -ui/material-icons/