每当我尝试导入材料 ui 图标和核心时，都会出现错误，提示找不到模块？如何解决？

Posted 2023-02-21

【中文标题】每当我尝试导入材料 ui 图标和核心时，都会出现错误，提示找不到模块？如何解决？

【英文标题】：Whenever I try to import material ui icons and core an error appears saying module not found? How to solve it?

【发布时间】：2021-09-03 06:42:44

【问题描述】：

[这是我尝试使用@material-ui/core 和图标时显示的错误

`import React from "react";
import "./Sidebar.CSS";
import SearchIcon from "@material-ui/icons/Search";

const Sidebar = () => 
  return (
    <>
      <div className="sidebar">
        <div className="sidebar__header">
          <SearchIcon />
        </div>
        <div className="sidebar__search"></div>
        <div className="sidebar__chats"></div>
      </div>
    </>
  );
;

export default Sidebar;

`]1

【问题讨论】：

您好 Safal，除了您的代码之外，请您提供错误堆栈以了解有关该错误的更多信息。这将帮助我们帮助您

当您说“这是显示的错误...”时，您的意思是“这是产生错误的代码”吗？如果是这样，请编辑澄清。

【参考方案1】：

你确定你跑了吗

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

// with yarn
yarn add @material-ui/icons

因为如果你还没有那么 react 将不知道去哪里寻找图标

【参考方案2】：

这可能是由于以下原因。

Material UI 未正确安装。 从 node modules 文件夹中删除材料 UI 包。在依赖项下（而不是 devDependencies 下）添加材料 UI 包并删除 package-lock.json 并再次尝试非安装

SearchIcon 将是一个命名导出 使用import SearchIcon from "@material-ui/icons/Search";

【参考方案3】：

您可能没有做过以下事情吗？

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

// with yarn
yarn add @material-ui/core

还有：

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

// with yarn
yarn add @material-ui/icons

如果您从本网站 (https://material-ui.com/components/material-icons/) 获取它，那么您还需要安装 core。如此处所述 (https://material-ui.com/getting-started/installation/)