首页 文章

MEAN应用程序:无法在Angular材质中找到主题

提问于
浏览
-1

所以我刚刚发现了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” .

首先,这是我的项目的结构:

enter image description here

正如您所看到的,我在index.hbs文件中添加了一个带有indigo-pink主题链接的元素 . 在此之前,我尝试将主题导入到公共文件夹中的styles.css文件中

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

两种方式都给了我同样的错误 . 有人看到我做错了吗?

1 回答

  • 1

    你绝对不能在index.html中引用node_modules . @import将是正确的方法 . 看起来你正在使用Webpack而不是Angular CLI,这会让它自动运行,所以你需要找到一个处理@import的Webpack插件并将这些样式捆绑在一起,或者如果你有一个,修复你的webpack配置 . 试试:https://github.com/webpack-contrib/css-loader

相关问题