javascript - 即使文件存在,Angular 2 也看不到该文件(使用 Angular-cli)

标签 javascript angular angular-cli

实际上我有一个样式表: <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/

相关文章:

angular - ionic 电容器本地通知

angular - 使用 NTLM 身份验证的 ng serve --proxy-config 不起作用

angular - 如何不在 Angular2 生产包中包含模拟服务

javascript - jquery 未捕获的类型错误

javascript - PHP显示Mysqli数据

Angular 4/5 Bootstrap 4 Navbar NgbModule

angularjs - 没有导出的成员/Node 模块

javascript - 如何滚动到 BlackBerry 网络浏览器中的特定位置?

javascript - 在 AngularJS 中使用 ngInfiniteScroll 指令实现反向无限滚动

node.js - 在 Windows 64 位系统上,“ng”不被识别为内部或外部命令