Fehlender Import des Material-UI-Suchsymbols
P粉208469050
P粉208469050 2024-04-02 13:22:44
0
2
522

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

P粉208469050
P粉208469050

Antworte allen(2)
P粉349222772

如果你仔细查看你的导入声明

错误:/!\

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

您正在导入一个名为“搜索”的模块,该模块已有默认导出。
为了使用默认导出,您应该使用

工作:

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

如果你想导入多个图标,你应该使用路由/icons
然后使用您想要的所有图标,这里是实现这一目标的方法:

工作:

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

安装运行:

npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
P粉451614834

正确的导入是:

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

如果您还没有安装,则必须安装

npm i @mui/icons-material

您可以在这里找到所有图标:https://mui.com/material -ui/material-icons/

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage