Angular4材质主题在ASP.NET核心项目上无法正常工作

我刚刚使用本网站上提到的ASP.NET Core Angular SPA模板创建了一个项目：

之后，我添加了@angular/material、@angular/cdk和@angular/flex布局npm包

我使用一个有角度的材质工具栏和一个菜单制作了一个非常简单的页面。 我在_Layout.cshtml上链接了Pink-BlueGrey.css预构建主题（手动将css文件复制到wwwroot以简化操作）

结果是，所有的角度材质组件现在都被设置了样式，但是没有包含在材质组件中的每个html都没有设置样式。我不明白为什么。因为如果我使用Angular CLI创建一个项目，一切都会按预期的方式运行

我选择的这个主题有一个黑暗的背景。我需要的字体是白色的，以便人们可以阅读。但这不是ASP.NET核心项目上发生的事情

我认为这可能是一个网页配置问题。我试图从_Layout.cshtml中删除指向css文件的链接，并将其添加到webpack.config.vendor.js中的供应商包中。但结果是一样的。这是可行的，但不是我想要的方式

这应该发生吗？这是故意的吗？我是否应该编写一个CSS文件，对不包含在角材质组件中的所有HTML进行样式设置

我试图通过从_ViewImports.cshtml中删除“Microsoft.AspNetCore.SpaServices”标记helper和从Index.cshtml中删除asp prerender module指令来禁用服务器端预渲染。一切都一样。我不知道怎么了

---

我是网络开发新手，我认为这应该是简单的东西。但是我找不到任何人有这样的设置和问题。

所以，问题是我对Angular CLI的看法是错误的。我用它做的项目是使用mdSidenav。当我用一个简单的div替换md sidenav container指令并删除sidenav组件时，粉色蓝灰色的黑色背景消失了，我的所有文本再次变为黑色。与我在ASP.NET核心项目中的行为相同。因此，这不是ASP.NET核心设置的问题

我决定使用的解决上述问题的方法是在根应用程序组件上使用md sidenav container指令，而不是将“mat-app-background”类放在body标记中，并且必须为页面中的每个文本使用材质容器。我没有使用sidenav本身。只是它是一个容器，所以使用的每一个文本，即使它只是一个h1标记，都将被设置样式，因为它包含在一个材质组件中

也许这不是最优雅的解决方案。所以如果有人有更好的建议