Angular 2中的Angular Material Theme导入在Webstorm中不起作用

Question

I am trying to import the built in themes of angular material 2 but web-storm is unable to the resolve the file path and find directory although my theme file is residing in that exact directory. i have tried different methods to import but all resulted in same issue. Here is how i am importing in my styles.scss file

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

The IDE starts highlighting the path from material stating the problem.

This is the whole path of my theme file.

/media/rehan/New Volume/tic-tac-toe/node_modules/@angular/material/prebuilt-themes/indigo-pink.css

Answer 1

由于我正在使用Angle 2中的基于Angular CLI的项目，因此我仅使用以下路径将主题文件添加到styles对象下的.angular-cli.json文件中，该路径可能会随角度材料的安装位置而有所不同：

 "styles": [ "../node_modules/@angular/material/prebuilt-themes/indigo-pi‌​nk.css"]