找不到模块：无法解析“material-ui/FontIcon”

【问题标题】：Module not found: Can't resolve 'material-ui/FontIcon'找不到模块：无法解析“material-ui/FontIcon”
【发布时间】：2018-04-16 06:30:57
【问题描述】：

我检查了我的节点模块，FontIcon 文件夹不存在，它丢失了，我尝试了很多想法但问题没有解决，请帮助我。我的 package.json 文件：

{
  "name": "flipshop",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.18.0",
    "material-ui": "^1.0.0-beta.40",
    "react": "^16.2.0",
    "react-bootstrap": "^0.32.1",
    "react-dom": "^16.2.0",
    "react-router-dom": "^4.2.2",
    "react-scripts": "1.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "devDependencies": {
    "file-loader": "^1.1.11"
  }
}

【问题讨论】：

你用的是哪个版本的material-ui
"material-ui": "^1.0.0-beta.40"
再想一想，有时我在 node 模块中安装材料 UI 后会显示空文件夹，为什么
不确定为什么会导致一个空文件夹。但是，要解决您的 FontIcon，您可以查看我的答案

标签： node.js reactjs npm material-ui package.json

【解决方案1】：

FontIcon 不是material-ui 版本1.0.0-beta.40 中的导出，你需要使用图标

要使用FontIcons，请包含

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

在你的项目中，然后

要使用icon，只需将图标名称（字体连字）与Icon 组件一起包装，例如：

import Icon from 'material-ui/Icon';

 ...
<Icon>star</Icon>

检查documentation

【讨论】：

整个库已经重构，建议您阅读更新后的文档