使用Angular CLI 1.0.2进行的Angular 4.1.1应用程序构建停止了以下错误:
Module build failed:
@import '~@angular/material/theming';
^
File to import not found or unreadable: ~@angular/material/theming.
Parent style sheet: /home/jan/src/fm-repos/fm-ui/src/app/assets/css/theme_imports.scss
in /home/jan/src/fm-repos/fm-ui/src/app/assets/css/theme_imports.scss (line 1, column 1)
@ ./src/app/identity/sign-in/sign-in.component.ts 54:17-52
@ ./src/app/identity/identity.module.ts
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
答案 0 :(得分:1)
这是Angular CLI的sass-loader依赖项中的一个错误。您可以通过更改推荐的主题导入来解决此问题:
@import '~@angular/material/theming';
为:
@import '~@angular/material/_theming.scss';
有关详情,请参阅sass-loader #447了解详情。
答案 1 :(得分:1)
如果其他人遇到此问题,另一种解决方案可能是更改
绝对路径~@angular/material/theming
到
相对路径../../../node_modules/@angular/material/theming
从导入SCSS文件开始。 ../
的数量因您的文件夹结构而异。