Я попытался перейти по ссылке ниже, чтобы установить и использовать текстовое поле материала https://material.io/develop/web/components/input-controls/text-field/
Первым шагом было установить его, используя следующую команду
install @ material / textfield
Шаг второй - импортировать его стиль везде, где мы хотим использовать этот компонент
@ import "@ material / textfield / mdc-text-field";
Когда я пишу строку выше в моем app.component.scss, это выдает мне ошибку ниже
Файл для импорта не найден или не читается: @ material / textfield /mdc-text-field.
в D: \ Learning \ Angular \ test3 \ src \ app \ app.component.scss (строка 1, столбец 1)
Когда я пыталсяпоставить ~ перед URL-адресом импорта, найдено mdc-text-field , но я получил еще одну ошибку, как
Файл для импорта не найденили нечитаемый: @ материал / плавающая метка / mdc-плавающая метка.
в D: \ Learning \ Angular \ test3 \ node_modules @ material \ textfield \ mdc-text-field.scss (строка 24, столбец 1)
Похоже, теперь мне нужно помещать оператор ~ во все операторы импорта внутри всех файлов scss, которые используются mdc-text-field.scss
Разве это не накладные расходы ~ везде?
Моя структура проекта выглядит следующим образом
>node_modules
>src
>app
>app module folder consisting (app.component.scss etc)
>assets