MEAN app：无法在Angular材料中找到主题

Question

所以我刚刚发现了Angular材料。我想设置它，但浏览器无法加载Angular材质主题。它给了我以下错误：

  

无法找到Angular Material核心主题。大多数材料组件   可能无法按预期工作。有关更多信息，请参阅主题指南：   https://material.angular.io/guide/theming

和

  

资源解释为样式表但使用MIME类型传输   为text / html：   ＆＃34; http://localhost:3200/node_modules/@angular/material/prebuilt-themes/indigo-pink.css＆＃34;

首先，这是我项目的结构：

正如您所看到的，我在index.hbs文件中添加了一个带有indigo-pink主题链接的元素。在此之前，我尝试使用

将主题导入到公共文件夹中的styles.css文件中

  

@import＆＃34; ~@angular/material/prebuilt-themes/indigo-pink.css" ;;

这两种方式最终都给了我同样的错误。有人看到我做错了吗？

Answer 1

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