@import '~@material/theme'; в sytles.css не может работать

Я получил ошибку, когда я следую инструкции онлайн https://material.angular.io/guide/theming

ОШИБКА в./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss) Сборка модуля завершилась неудачно: @import '~@material/theme'; ^ Файл для импорта не найден или не читается: ~@ материал / тема. в D:\Practice\angular\styles.scss (строка 1, столбец 1)

Я понятия не имею, почему он не нашел материал / тему или почему он не может быть импортирован, поскольку я вижу @ material / theme в моем файле node_modules.

@import '~@material/theme';

// always include only once per project
@include mat-core();

// import our custom themes
@import 'my-theme.scss';
@import 'my-light-theme.scss';
@import 'my-dark-theme.scss';

.my-theme {
  @include angular-material-theme($my-theme);
}

// additional css classes
// you can hardcode one of them on the <body> tag 
// or switch dynamically during runtime with [class]
.my-light-theme {
  @include angular-material-theme($my-light-theme);
}

.my-dark-theme {
  @include angular-material-theme($my-dark-theme);
}

Источник

2 ответа

Неправильный путь импорта, он должен быть:

@import '~@angular/material/theming';

Вы можете увидеть здесь больше информации.

Источник

Попробуйте имя файла без расширения

@import '@angular/material/_theming.scss';
Источник

Попробуйте получить доступ к _theming.scss подайте этот путь (измените путь, чтобы он соответствовал вашему):

@import "../../../node_modules/@angular/material/_theming";

Я старался @import '~@angular/material/theming'; также с помощью NPM node-sass и получил ошибку таким образом...

Источник
Другие вопросы по тегам