Angular Material Angular 2 中的主题导入在 Webstorm 中不起作用
Angular Material Theme import in Angular 2 not working in Webstorm
我正在尝试导入 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
因为我在 angular 2 中使用基于 Angular CLI 的项目，所以我只是将主题文件添加到 .angular-cli.json 文件在样式对象下，使用以下路径，该路径可能因 angular material 的安装位置而异：
"styles": [ "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"]
我正在尝试导入 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
因为我在 angular 2 中使用基于 Angular CLI 的项目，所以我只是将主题文件添加到 .angular-cli.json 文件在样式对象下，使用以下路径，该路径可能因 angular material 的安装位置而异：
"styles": [ "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"]