时间戳

首页 > 解决方案 > 材质 UI 图标未正确渲染

javascript - 材质 UI 图标未正确渲染

问题描述

很抱歉再次问这个问题，但我一生都无法弄清楚发生了什么。我正在将我的 React 应用程序移动到一个 Angular 应用程序中，并且除了 material-ui/icons 之外的所有东西都在工作，它们在那里，只是看起来不像他们应该的那样！

我正在使用最新的包我有我的 index.html 文件中的样式的链接，我相信我正确地使用了图标。

import { Close } from '@material-ui/icons'

<Close />

这就是他们在我的应用程序上的样子。 坏图标图像

我没有任何与 material-ui 或图标有关的控制台错误。

标签： javascriptreactjsiconsmaterial-ui

解决方案

它应该是：

import Close from '@material-ui/icons/Close'

也试试这个：

import Icon from '@material-ui/core/Icon';

<Icon>close</Icon>

推荐阅读