缺少材質-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/