Возникли проблемы с угловым материалом, конфигурации SCSS в моем приложении - - PullRequest
1 голос
/ 30 июня 2019

Ну

У меня появляется следующая ошибка / предупреждение при попытке запустить мое угловое приложение.

    ERROR in ./src/styles/styles.scss (./node_modules/@angular-devkit/build- 
    angular/src/angular-cli-files/plugins/raw-css- 
    loader.js!./node_modules/postcss-loader/src?? 
    embedded!./node_modules/sass-loader/lib/loader.js??ref--13- 
    3!./src/styles/styles.scss) 
    Module build failed (from ./node_modules/sass-loader/lib/loader.js): 

    undefined 
    ^ 
    Undefined operation "rem(1.4) * 13". 
    ╷ 
    1788 │ $button-font-size-dense: $body-font-size-base * 13/14 !default; 
    │ ^^^^^^^^^^^^^^^^^^^^^^^^^ 
    ╵ 
    node_modules\angular-material\angular-material.scss 1788:26 @import 
    src\styles\_material.scss 8:9 @import 
    stdin 1:9 root stylesheet 
    in
    E:\REPRIMX\SellcodesProj_MEAN\ProtikAPPX\BaseSideAPP\BaseSideAPP\node_modules\angular-material\angular-material.scss (line 1788, column 26) 

Теперь это мой _material.scss.

@font-face { 
font-family: 'Fontil Sans'; 
src: url('../assets/fonts/FontinSans/Fontin_Sans_R.otf') format('opentype'); 
} 

@import '~@angular/material/prebuilt-themes/indigo-pink.css'; 
@import '~@angular/material/theming'; 


$custom-typography: mat-typography-config( 
$font-family: 'Fontil Sans, monospace', 
$headline: mat-typography-level(32px, 48px, 700), 
$body-1: mat-typography-level(16px, 24px, 500) 
); 
@include angular-material-typography($custom-typography);

Я добавил angular-material и angular / theme в свой проект через npm. И что? Почему это не удается? Я предполагаю, что я должен был бы заменить угловой / материал угловым материалом, вероятно? Это или что-то еще не так?

Вам нужно увидеть мой angular.json, чтобы получить больше идей? Если да, то дайте знать, я поделюсь.

Пожалуйста, дайте мне несколько советов по этому поводу, застрял!

1 Ответ

1 голос
/ 01 июля 2019

Похоже, вы импортировали неправильный пакет, Angular Material for AngularJS.

node_modules\**angular-material**\angular-material.scss 1788:26 @import...

Если это правда, вам просто нужно удалить этот пакет.

Добавить, затем добавить @angular/material и @angular/cdk

Более подробную информацию можно найти в официальных документах по угловым компонентам (новое имя для угловых материалов).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...