Ошибка при импорте углового материала 6 пользовательской темы в styles.css - PullRequest
Новая
       43

Ошибка при импорте углового материала 6 пользовательской темы в styles.css

0 голосов
/ 28 июня 2018

Я создал собственную тему, используя Angular Material 6. Когда я импортирую тему в styles.css, я получаю сообщение об ошибке:

. / SRC / styles.css (./Node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./src/styles.css) Сборка модуля завершилась неудачно: ошибка: не удается разрешить «@ angular / material / theming» в 'C: \ Users \ D3L1ghT \ Documents \ PROJECTS \ social-network \ techhub \ src'

Вот мой код для my-theme.scss: 

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

@include mat-core();

$my-theme-primary: mat-palette($mat-custom-blue, 400);
$my-theme-accent: mat-palette($mat-custom-blue, A100, A100, A400);

$my-theme: mat-light-theme($my-theme-primary, $my-theme-accent);

$primary-color: map_get($my-theme-primary, 400);
$secondary-color: map_get($my-theme-accent, 500);

@include angular-material-theme($my-theme);

Вот код для styles.css: 

/* @import "~@angular/material/prebuilt-themes/indigo-pink.css"; */
@import url("./my-theme.scss");

Это скриншот angular.json: angular.json

Ответы [ 2 ]

0 голосов
/ 14 июля 2018

Вы не должны добавлять свой файл theme.scss в файл css.

Выполните следующие действия:

  1. (Необязательно) Удалить тему по умолчанию в файле src/styles.css: 

    @import '~@angular/material/prebuilt-themes/the-default-theme.css';

  2. Создать файл theme.scss внутри папки src.

  3. Открыть файл angular.json (или angular-cli.json) внутри корневой папки

  4. Добавьте вашу тему "src/theme.scss" в массив styles: 

    "projects": {
  "your-app": {
    ...
    "architect": {
      "build": {
        ...
        "options": {
          ...
          "styles": [
            "src/styles.css",
            "src/theme.scss"
          ],
        },
      },
    },
  },
}

  5. Перезапустите приложение.

Дополнительные ссылки:

0 голосов
/ 02 июля 2018

Мне удалось решить проблему, удалив мои текущие nodejs и установив последнюю версию 8.11.3, и все работало нормально. Мне больше не нужно было импортировать в styles.css, как выяснилось по ссылке @ Und3rTow. Кроме того, я больше не использовал ввод в angular.json @ pardeep-jain. Спасибо, ребята

...