当React应用部署时， mui图标不呈现

Question

在我的应用程序中，我正在导入一个mui/icon:

import PriceCheckIcon from "@mui/icons-material/PriceCheck";

当我在本地运行应用程序时，图标显示良好，但一旦部署在Surge上，没有任何显示，也没有错误。然后我试着用Vercel部署，遇到了同样的问题。有没有人经历过这种情况，或者知道为什么它不显示。我为它设置了一个条件，当我得到502时，它就会显示出来。

如果有帮助的话，这是我的情况:

<span
style={
Price > cinemaWorldPrice ? { color: "green" } : { color: "red" }
}
>
{error && Price > cinemaWorldPrice ? (
<PriceCheckIcon />
) : (
<CurrencyFormat
value={cinemaWorldPrice}
displayType={"text"}
prefix={"$"}
decimalScale={2}
fixedDecimalScale
/>
)}
</span>

Answer 1

我想你可以运行这个命令:

npm install @mui/material @emotion/react @emotion/styled

，这应该可以正常工作。