Javascript 材质UI图标未正确呈现

很抱歉再次问这个问题，但我一辈子都搞不清楚到底发生了什么。我正在将我的React应用程序移动到一个angular应用程序中，除了它们所在的材质ui/图标外，其他一切都正常工作，只是它们看起来不像应该的样子

我使用的是最新的软件包，我的index.html文件中有指向样式的链接，我相信我使用的图标是正确的

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

<Close />

这就是它们在我的应用程序上的样子。

我没有任何与材质ui或图标相关的控制台错误。

应该是：

从“@material ui/icons/Close”导入关闭

也试试这个：

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

<Icon>close</Icon>

---

如果您的环境不支持树抖动，建议使用以下方法导入图标：

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

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

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

以这种方式导入命名导出将导致每个图标的代码都包含在项目中，因此，除非您配置了树抖动，否则不建议这样做。如果启用热模块重新加载，也可能会影响热模块重新加载性能

---

要启用摇树功能

谢谢您的回答！我只是尝试了这两种方法，但都不走运：所有这些单选按钮和复选框默认使用材质图标，而我实际上并没有导入我添加的特定图像中的图标。你安装软件包了吗？npm安装@material ui/iconsI。当我第二次尝试时，它确实起了作用。您知道如何使复选框、单选按钮、表格分页等以这种方式工作而不是默认方式吗？是的，我已经安装了该软件包。@material ui/图标：^3.0.2，