我的App中的Angular Material,SCSS配置遇到问题-

时间:2019-06-30 15:03:18

标签: angular typescript npm sass angular-material

好吧

尝试启动我的角度应用程序时出现以下错误/警告。

{
  "" = "3616...519ef5";
  aps = {
    alert = "There has been a reply to your message.";
    badge = 1;
    sound = "notification.aif";
  };
  "com.urbanairship.metadata" = "eyJ2ZXJz...DcyOGUxIn0=";
  id = 3426294;
  tid = 268;
}

现在,这是我的_material.scss。

    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) 

我通过npm将角材料和角/主题添加到了我的项目中。 所以呢?为什么会失败?我猜我可能需要用角材料替换角/材料吗?是这样还是其他什么地方不对?

您是否需要查看我的angular.json以获得更多想法?如果是这样,请告诉我,我会分享。

请给我一些提示, 卡住了!

1 个答案:

答案 0 :(得分:1)

似乎您导入了错误的软件包AngularJS的Angular Material。

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

如果是这样,您只需要删除此程序包即可。

添加然后添加@angular/material@angular/cdk

您可以在official docs of Angular Components(Angular Material的新名称)中查看更多详细信息。