В предыдущих версиях Stackblitz раньше существовал файл styles.css, и чтобы использовать одну из готовых тем, мы могли просто добавить импорт в styles.css, вот так.
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
Однако в последней версии Stackblitz, которая использует global_styles.css эти ошибки.
https://stackblitz.com/edit/stackblitz-starters-od474b?file=src%2Fmain.ts,src%2Fglobal_styles.css
Как импортировать темы в Stackblitz с помощью Angular 17?
🤔 А знаете ли вы, что...
CSS Variables позволяют быстро менять стиль элементов, например, при смене темы сайта.
v17 использует конструктор приложений при создании проекта с нуля.
Этот сборщик использует Esbuild, который не поддерживает «~» в пути (это функция веб-пакета).
Уберите ~ и все будет хорошо.
@import '@angular/material/prebuilt-themes/indigo-pink.css';
Также вам не хватает MatButtonModule в вашем примере, и не забудьте импортировать шрифт значков.