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

Question

我正在嘗試導入角度材質2的內置主題，但是web-storm無法解析文件路徑並找到目錄，盡管我的主題文件位於該確切目錄中。 我嘗試了不同的導入方法，但是都導致了相同的問題。 這是我在styles.scss文件中導入的方式

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

IDE將啟動從突出說明材料問題的路徑。

這是我的主題文件的整個路徑。

/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"]