Angular @导入&x27~@材料/主题';;在styles.css中';行不通

Angular @导入&x27~@材料/主题';;在styles.css中';行不通,angular,angular-material,frontend,angular-material-theming,Angular,Angular Material,Frontend,Angular Material Theming,我在网上按照说明操作时出错了 ./src/styles.scss(./node\u modules/raw loader./node\u modules/postss loader/lib??embedded./node\u modules/sass loader/lib/loader.js??ref--14-3./src/styles.scss)中出错 模块生成失败: @导入“~@材料/主题”; ^ 要导入的文件找不到或不可读:~@material/theme。 在D:\Practice\a

我在网上按照说明操作时出错了

./src/styles.scss(./node\u modules/raw loader./node\u modules/postss loader/lib??embedded./node\u modules/sass loader/lib/loader.js??ref--14-3./src/styles.scss)中出错 模块生成失败: @导入“~@材料/主题”; ^ 要导入的文件找不到或不可读:~@material/theme。 在D:\Practice\angular\styles.scss中(第1行第1列)

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

@import'~@material/theme';
//始终每个项目仅包含一次
@包括mat-core();
//导入我们的自定义主题
@导入“my theme.scss”;
@导入“我的灯光主题.scss”;
@导入“我的黑暗主题.scss”;
.我的主题{
@包括角材料主题($my theme);
}
//其他css类
//您可以在标记上硬编码其中一个
//或在运行时使用[class]动态切换
.我的灯光主题{
@包括棱角材质主题($my light主题);
}
.我的黑暗主题{
@包括棱角材质主题($my dark主题);

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

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

您可以看到。

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

@import.../../node_modules/@angular/material/_theming”


我尝试了
@import'~@angular/material/theming'也使用NPM节点sass并通过这种方式获得错误…

尝试不带扩展名的文件名

@import '@angular/material/_theming.scss';

我已经试过了,它仍然不起作用,有同样的错误……我想它一定是出了什么问题