javascript - React 找不到 Material UI 组件的导入

Question

我正在尝试使用 Material UI 组件，但 React 抛出了一个无效的导入错误

这是我的组件文件的代码

import React from 'react'
import './middle.css'
import MicIcon from '@material-ui/icons/Mic';
function Middle() {
    return (
        <div>
            <MicIcon />
            <input type='text'/>
        </div>
    )
}

export default Middle

这是我遇到的错误

Failed to compile.

./src/components/pages/home/components/middle/middle.js
Module not found: Can't resolve '@material-ui/icons/Mic' in '/home/freduah/GoogleClone/google-clone/src/components/pages/home/components/middle'

Answer 1

您是否安装了@material-ui/icons 包？它是 Material-UI 图标和 @material-ui/core 的单独包。请记住在安装后重新启动服务器，您应该没问题。