缺少材質-ui 搜尋圖示的導入
P粉208469050
P粉208469050 2024-04-02 13:22:44
0
2
520

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 中未顯示

P粉208469050
P粉208469050

全部回覆(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/

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板