Maticons не будут показаны

Question

Мой напарник создал пример stackblitz, и я раздвоил его stackblitz (уже удален), чтобы заставить работать mat-icons: https://stackblitz.com/edit/seeming-same-content-but-different-behavior-working

=> эта ссылка работает. Единственное, что я изменил: это добавление строк 2-7 в styles.scss

Он не мог воспроизвести это. Поэтому я хотел показать ему, что я сделал, и поэтому я попытался сделать это снова. А теперь не могу заставить работать мат-иконки: https://stackblitz.com/edit/seeming-same-content-but-different-behavior-not-working

=> эта ссылка не работает

Но я не могу найти никакой разницы между ними.

Так, что не так во втором? Почему предупреждения в файле styles.scss в нерабочем примере, но не в рабочем примере?

Answer 1

Непечатаемые символы. В нерабочем коде есть несколько неразрывных пробелов , которые портят синтаксис.

• Вы можете проверить, есть ли разница (хотя она и не видна глазу) с помощью такого инструмента, как diff .
• Или посмотрите фактические непечатные символы (их коды), скопировав свои файлы на на этом сайте .

Answer 2

Проблема была в styles.scss по какой-то причине @import: неизвестно по правилу @import url.

скопируйте эти строки из style.scss -mdqd6o в bx8wkj.

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