【问题标题】:error Attempted import error: 'NotificationsNoneIcon' is not exported from '@material-ui/icons'错误尝试导入错误:“NotificationsNoneIcon”未从“@material-ui/icons”导出
【发布时间】:2021-09-05 02:18:31
【问题描述】:

我有一个问题,为什么我在编译时收到此错误: 尝试导入错误:“NotificationsNoneIcon”未从“@material-ui/icons”导出。

因为我安装了材料图标并且有我的代码: 你能帮帮我吗?

import React from 'react';
import   './topbar.css'
import {NotificationsNoneIcon,Language,Settings} from '@material-ui/icons';
function Topbar() {
    return (
        <div className="topbar">
            <div className="topbarWrapper">
                <div className="topleft">
                    <span className="logo">lammadamin</span>
                </div>
                <div className="topright">
                    <div className="topbarIconContainer">
                        <NotificationsNoneIcon/>
                        <span className="topIconBadge">2</span>
                    </div>
                    <div className="topbarIconContainer">
                        <Language/>
                        <span className="topIconBadge">2</span>
                    </div>
                    <div className="topbarIconContainer">
                        <Settings/>
                        <span className="topIconBadge">2</span>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Topbar

【问题讨论】:

    标签: reactjs


    【解决方案1】:

    符合https://material-ui.com/components/material-icons/,

    你应该在没有Icon字的情况下导入

    import {NotificationsNone as NotificationsNoneIcon,Language,Settings} from '@material-ui/icons';
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-03-19
      • 2021-09-11
      • 2019-04-27
      • 2021-01-24
      • 2020-07-16
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多