所以我刚刚发现了Angular材料 . 我想设置它,但浏览器无法加载Angular材质主题 . 它给我以下错误:
找不到Angular Material核心主题 . 大多数材料组件可能无法按预期工作 . 有关更多信息,请参阅主题指南:https://material.angular.io/guide/theming
和,
资源解释为样式表但使用MIME类型text / html传输:“http:// localhost:3200/node_modules/@angular/material/prebuilt-themes/indigo-pink.css” .
首先,这是我的项目的结构:
正如您所看到的,我在index.hbs文件中添加了一个带有indigo-pink主题链接的元素 . 在此之前,我尝试将主题导入到公共文件夹中的styles.css文件中
@import“~@ angular/material/prebuilt-themes/indigo-pink.css”;
两种方式都给了我同样的错误 . 有人看到我做错了吗?
1 回答
你绝对不能在index.html中引用node_modules . @import将是正确的方法 . 看起来你正在使用Webpack而不是Angular CLI,这会让它自动运行,所以你需要找到一个处理@import的Webpack插件并将这些样式捆绑在一起,或者如果你有一个,修复你的webpack配置 . 试试:https://github.com/webpack-contrib/css-loader