缺少材质-ui 搜索图标的导入

Question

import React from 'react'
import {Search} from "@material-ui/icons/Search"
const App = () => {
  return (
    <div>
    <Search/>
    </div>
  )
}
export default App

在“@material-ui/icons/Search”中找不到导出“搜索”（导入为“搜索”）（可能导出：__esModule，默认）

在“@material-ui/icons/Search”中找不到导出“搜索”（导入为“搜索”）（可能导出：__esModule，默认）

搜索图标未导入，但我安装了素材包，但在 package.json 中未显示

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/