Ошибки импорта темы темой Angular Material 2
Я пытаюсь разработать собственную тему Angular Material, и пока я следую нескольким руководствам в Интернете.
Я начал с базового theme.scss файл со следующими строками:
@import '~@angular/material/theming';
@include mat-core();
Я изменил angular-cli.json соответственно:
...
"styles": [
"styles.css",
"theme.scss"
],
...
И в итоге загрузил мою тему в styles.css файл (после комментирования старой готовой темы) как:
/* @import '~@angular/material/prebuilt-themes/pink-bluegrey.css'; */
@import 'theme.scss';
Я бегал ng serve в моем терминале, когда выскочил огромный журнал ошибок:
Module not found: Error: Can't resolve '@angular/material/theming' in ...
Я немного погуглил и нашел возможное решение использовать вместо этого:
@import '~@angular/material/_theming.scss';
в моем theme.scss но это производит другой журнал с большим количеством SyntaxErrorиз-за наличия встроенных комментариев (//) внутри _theming.scss файл.
Честно говоря, я мало что знаю об этом, вчера я начал разрабатывать свое первое приложение Angular 2, что мне нужно импортировать / сделать, чтобы исправить эту проблему и правильно поработать над моей пользовательской темой?
ПРИМЕЧАНИЕ: я нашел несколько связанных вопросов, которые все еще не сильно мне помогли: