2

当我按照在线说明 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'; ^ 找不到或无法读取要导入的文件:~@material/theme。在 D:\Practice\angular\styles.scss (第 1 行,第 1 列)

我不知道为什么它没有找到材料/主题或为什么无法导入,因为我可以在我的 node_modules 文件下看到@material/theme。

@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);
}

4

3 回答 3

1

导入路径不正确,应该是:

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

您可以在此处查看更多信息

于 2018-08-23T13:04:05.497 回答
0

尝试不带扩展名的文件名

@import '@angular/material/_theming.scss';
于 2020-10-12T03:05:39.970 回答
-1

尝试以_theming.scss这种方式访问​​文件(更改路径以匹配您的路径):

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

我也尝试@import '~@angular/material/theming';使用 NPM node-sass并以这种方式得到错误......

于 2018-10-14T18:09:04.857 回答