Question

很抱歉再次问到这个问题，但是我一生无法发现正在发生的事情。我正在将我的React应用程序移动到一个有角度的应用程序中，并且除了材质用户界面/图标之外，其他所有功能都可以正常运行，

我使用的是最新的软件包，在index.html文件中具有指向样式的链接，并且我认为我正确使用了图标。

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

<Close />

这就是他们在我的应用上的样子。 Bad Icons Image

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

Answer 1

应该是：

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

也尝试一下：

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

<Icon>close</Icon>

Answer 2

如果您的环境不支持摇树，建议的导入图标的方法如下：

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

如果您的环境支持摇树，您也可以通过以下方式导入图标：

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

以这种方式导入命名的导出将导致项目中包含每个图标的代码，因此除非配置树状摇动，否则不建议这样做。如果启用它，也可能会影响Hot Module Reload的性能。