无法解析'material-ui/FontIcon'模块，请求技术协助

AI 小北

2026-5-25

Fix: Module not found: Can't resolve 'material-ui/FontIcon'

Hey there, let's break down why you're hitting this error and walk through the fixes step by step:

Root Cause

You’re using material-ui@1.0.0-beta.40—an early beta build of Material UI v1.x. During the transition from v0.x to v1.x, the FontIcon component was renamed and later moved out of the core material-ui package entirely. That’s why it’s missing from your node_modules folder—it doesn’t exist in this version anymore.

Solutions

1. Swap `FontIcon` for the core `Icon` component

In your beta version, FontIcon was replaced by the Icon component in the core package. Update your code like this:

Old import:

import FontIcon from 'material-ui/FontIcon';

New import:
```
import Icon from 'material-ui/Icon';
```

Old usage:

<FontIcon className="material-icons">home</FontIcon>

New usage:

<Icon className="material-icons">home</Icon>

2. Use the official Material UI Icons package (Recommended)

For a more maintainable solution (and better compatibility with future updates), use the standalone @material-ui/icons package:

First install the package:
```
npm install @material-ui/icons --save
```
Import specific icons directly into your component:
```
import HomeIcon from '@material-ui/icons/Home';
```
Use the icon component in your UI:
```
<HomeIcon />
```

3. Upgrade to a stable Material UI version (Bonus)

Your current beta version is outdated and likely has unpatched bugs. Upgrading to the latest stable release will resolve more potential issues and unlock new features: