模块构建失败:@import'〜@ angular / material / theming'

时间:2017-05-09 21:54:40

标签: angular angular-cli

使用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                                                                                 

2 个答案:

答案 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文件开始。 ../的数量因您的文件夹结构而异。