实际上我有一个样式表:
<link href="../node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
该文件存在,Webstorm 也在目录中看到该文件,但不知何故 Angular2 无法加载它。
Error: GET http://localhost:4200/node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css
如何让 Angular2 加载该文件? 感谢您提供更多信息。
根看起来像:
-主文件夹
--node_modules
---东西
--src
---index.html
---styles.css
编辑
在 mithunvp.com/angular-material-2-angular-cli-webpack/
上有一个使用提示
@import '~https://fonts.googleapis.com/icon?family=Material+Icons';
@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';
打开预建主题。但再一次,即使它被粘贴到 styles.css
内,它也会返回找不到它的错误。它甚至找不到 Material 图标,这是一个链接...
最佳答案
你不应该尝试像这样加载CSS,当你有sccs源文件时更不应该这样做。
使用angular-cli
,我可以想象您有文件src/styles.scss
或.less
,对吧? (除非你决定使用纯 css?!)。
因此,如果您使用 sass,请在 src/styles.scss
中输入:
@import '~@angular/material/core/theming/prebuilt/indigo-pink.css';
另外,我可以想象你想要做什么,如果你还没有看过 Kara 的 Angular-Material 演示,我建议你看一下:https://www.youtube.com/watch?v=0q9FOeEELPY
关于javascript - 即使文件存在,Angular 2 也看不到该文件(使用 Angular-cli),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40679407/