子组件的Angular Material样式不起作用

Question

一个角度为7的项目，安装了@ angular / material 7 npm包，包含主题参考，app.component.html中的材料图标链接等，正在渲染根app.component.html中的所有材质组件，但似乎渲染不正确来自所有其他模块的材料组件。

这是我到目前为止所尝试的：

1. 尝试了不同的模块 - 影响除root之外的所有其他模块。
2. 试图重新编译和重新服务 - 同样的事情。
3. 尝试了各种组件，都是不正确的渲染。

问题仍然存在......任何有关此问题的帮助都将受到赞赏！

Answer 1

好的，解决了。

事实证明，正如角度材料的文档中所指出的那样，必须在项目中引用一个主题。例如：

@import“〜@ angular / material / prebuilt-themes / indigo-pink”;

问题是import语句最初包含在app.component.scss中，而它应该在root styles.scss文件中！