Javascript 使用角度/材料有问题

我试图重构我的代码以使用角度/材质作为前端，但是我似乎无法让它工作

我一直在关注Youtube视频教程上和视频教程中的内容，但它似乎不起作用

我已运行正常的npm命令：

npm install --save @angular/material@latest @angular/cdk@latest @angular/animations@latest

我已将材质按钮以及动画导入我的

app.module.ts

：

// Other imports are above
import { MatButtonModule } from '@angular/material/button';

@NgModule({
  imports:      [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    Routing,
    GreyhoundComponentModule,
    BrowserAnimationsModule,
    MatCheckboxModule,
    MatButtonModule,
  ],
  declarations: [
    AppComponent
  ],
  providers:[
    DecoratorUtils,
    Configuration,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AppHttpInterceptor,
      multi: true
    }
  ],
  bootstrap:    [ AppComponent]
})
export class AppModule { }

我已将一个主题导入CSS文件：

style.CSS

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

在HTML文件中，我使用了angular/material网站提供的元素标记：

<button mat-button color="primary">Primary</button>

Primary

更改为

import { MatButtonModule } from '@angular/material';

根据需要从角材质导入按钮模块并添加

@import '~bootstrap-sass/assets/stylesheets/bootstrap';

---

您的控制台中是否收到任何错误？也许你可以准备一把JS小提琴？这是更专有的代码，所以我不愿意分享整个内容：-（…在我得到输出的那一刻：Angular正在开发模式下运行。调用enableProdMode（）为了启用生产模式。但是，如果我尝试使用一个复选框，使用网站提供的示例，我得到的结果是：'mat checkbox'不是一个已知元素：@physicsboy try

import{MdButtonModule}来自'@angular/material'

而不是从'@angular/material/button'导入{MatButtonModule}更改

import{MatButtonModule}从'@angular/material/button'；

到

从'@angular/material

导入{MatButtonModule}