Material-UI Search图标导入失败及依赖包未显示问题求助

一、依赖未在package.json中显示的解决步骤 #

• 重新执行安装命令，确保依赖被写入package.json：

  npm install @material-ui/core @material-ui/icons
  

  （使用yarn的话执行yarn add @material-ui/core @material-ui/icons）
• 如果重新安装后仍未显示，删除项目根目录下的node_modules文件夹和package-lock.json（yarn用户删除yarn.lock），再次执行上述安装命令。

二、Search图标导入报错的修复 #

报错原因是**@material-ui/icons的单个图标采用默认导出，而非命名导出**，当前用了命名导入语法导致找不到对应项。修改导入代码即可：

import React from 'react'
// 去掉花括号，改为默认导入
import Search from "@material-ui/icons/Search"
const App = () => {
  return (
    <div>
      <Search/>
    </div>
  )
}
export default App

内容的提问来源于stack exchange，提问作者Meeran Mohideen