Fehlender Import des Material-UI-Suchsymbols

Question

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

Answer 1

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

错误：/!\

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

Answer 2

正确的导入是：

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

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

npm i @mui/icons-material

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