Javascript 材质图标不'；似乎无法在模板内工作（Web组件）

我试图在我的页面（）中使用Web的材质组件

能够使用MDC创建晶圆厂，您可以在这里找到[CODE-PEN][2]

但是，当我尝试在模板和自定义元素（Web组件）中执行相同的操作时，它似乎不起作用

我得到了正确的CSS的晶圆厂，但图标没有显示。有人能帮我吗

MDC链接

：

工作

[2]：

---

不工作

[3]：

您的（css）导入顺序似乎不正确。。。我试过这个：

<link rel="stylesheet" type="text/css" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

而且效果很好。。。（可能

材质组件web

会覆盖某些材质图标定义）

无论如何，我希望您在组件中使用css链接只是为了演示，并且您的原始代码中的css链接放在页面的头部（或任何其他css引导程序）

---

更新：

请在笔配置（css部分）中包含材质图标，如下所示：

---

再一次，我真的希望在你的项目中，你定义了链接（以及它们的顺序），正如我在最初的回答中已经指出的那样。。。确实不建议在组件中包含

链接
元素（导入多个组件将导致多个不必要的导入）
否。我也尝试过。它似乎不起作用