angular - 不会显示 Maticons

Question

我的同事创建了一个 stackblitz 示例，我分叉了他的 stackblitz（现在已删除）以使 mat-icons 工作： https ://stackblitz.com/edit/seeming-same-content-but-different-behavior-working

=> 这个链接有效。我唯一改变的是：在 styles.scss 中添加第 2-7 行

他无法重现这一点。所以我想向他展示我做了什么，所以我试着再做一次。现在我也无法让 mat-icons 工作：https ://stackblitz.com/edit/seeming-same-content-but-different-behavior-not-working

=> 这个链接失效了

但我找不到它们之间的任何区别。

那么，第二个有什么问题呢？为什么styles.scss 中的警告在不工作示例中但在工作示例中却没有？

Answer 1

不可打印的字符。在非工作代码中，您有一些不中断的空格，它们会弄乱语法。

• 您可以使用diff之类的工具检查是否存在差异（尽管肉眼看不到）。
• 或者通过在本网站上复制粘贴文件来查看实际的不可打印字符（它们的代码）。

Answer 2

出于某种原因@import 出现在styles.scss 中是：规则@import url 处未知。

将此行从 style.scss -mdqd6o 复制到 bx8wkj。

@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("//fonts.googleapis.com/earlyaccess/notosanstc.css");