css - Angular 2 中的 Angular Material 主题导入在 Webstorm 中不起作用

Question

我正在尝试导入 Angular Material 2 的内置主题，但 Web-storm 无法解析文件路径并查找目录，尽管我的主题文件位于该目录中。我尝试了不同的导入方法，但都导致了同样的问题。这是我在 styles.scss 文件中导入的方式

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

IDE 开始突出显示来自说明问题的 Material 的路径。

这是我的主题文件的完整路径。

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

Answer 1

由于我正在 Angular 2 中使用基于 Angular CLI 的元素，因此我只是使用以下路径将主题文件添加到样式对象下的 .angular-cli.json 文件中，该路径可能会有所不同取决于 Angular Material 的安装位置:

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