стили дизайна материала, работающие с одним модулем, но не с другим

Question

У меня есть странный код, и, к сожалению, у меня нет кода для обмена, потому что я не уверен, что это добавит ценность этому сообщению.

У меня есть два компонента (User и Project). Они оба импортируют Shared, что делает весь мой импорт материалов и реэкспорт их. В одном из моих модулей, когда я применяю класс mat-raised-button к элементу, он работает отлично, с другой - он просто вытягивает часть CSS и вставляет его в тег <style> на странице, но в нем отсутствует куча других стилей, которые внедряются в рабочий компонент в рабочем модуле. Это не имеет ничего общего с моими областями применения стилей, потому что я могу раскрутить новый компонент в обоих модулях, и он отлично работает на одном, а не на другом (не делая ничего, кроме добавления кнопки с этим классом).

Что странно, так это то, что он использует некоторые из mat-raised-button стилей, но не все из них. Есть ли какой-то механизм, который может помешать внедрению определенных стилей? Я рад опубликовать любой код, который мог бы помочь, и я прошу прощения, что это такой широкий вопрос, но, к сожалению, у меня не так много вопросов ...

ОБНОВЛЕНИЕ: Я сделал еще несколько копаний и вижу, что это класс mat-button, который не работает. Я попытался импортировать MatButtonModule непосредственно в мой неисправный модуль и увидеть то же поведение ... все еще не работает правильно.

ОБНОВЛЕНИЕ 2: кнопки не работают в моем корневом app.component тоже. Они работают только над одним из моих модулей. Это действительно странно. Вот код для рабочего модуля:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule } from '../../Shared/Module/shared.module';
import { UserRegistrationComponent } from '../Components/user-registration.component';
import { CreateAccountDialogComponent } from '../Components/create-account-dialog.component';
import { FormsModule } from '@angular/forms';
import { ValidationErrorsComponent } from '../../user/Components/sharedcomponents/validation-errors.component';
import { UserLoginComponent } from '../Components/user-login.component';


@NgModule({
  declarations: [
    UserRegistrationComponent,
    CreateAccountDialogComponent,
    ValidationErrorsComponent,
    UserLoginComponent
  ],
  imports: [
    CommonModule,
    SharedModule,
    FormsModule
  ],
  entryComponents: [
    CreateAccountDialogComponent
  ]
})
export class UserModule { }

и вот код для модуля, который не работает:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule } from '../../Shared/Module/shared.module';
import { ProjectFileUploadComponent } from '../Components/project-file-upload.component';
import { ProjectComponent } from '../Components/project.component';
import { FormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material';


@NgModule({
  declarations: [
    ProjectFileUploadComponent,
    ProjectComponent
  ],
  imports: [
    CommonModule,
    SharedModule,
    FormsModule,
    MatButtonModule
  ]
})

export class ProjectModule { }