Неожиданный модуль «BrowserAnimationsModule» объявлен модулем «AppModule».Пожалуйста, добавьте аннотацию @ Pipe / @ Directive / @ Component

Question

Это мой app.module. Я пытаюсь выполнить все инструкции в material.angular.io

.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { BrandComponent } from './brand/brand.component';
import { AlertModule } from 'ngx-bootstrap';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatButtonModule, MatCheckboxModule} from '@angular/material';
import 'hammerjs';



@NgModule({
  declarations: [
    AppComponent,
    BrandComponent,
    BrowserAnimationsModule,
    MatButtonModule,
    MatCheckboxModule
  ],
  imports: [
    BrowserModule,
    AlertModule.forRoot(),
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Что я должен сделать, чтобы обработать эту ошибку

Answer 1

Переместите свои модули в массив импорта, объявления для объявления ваших компонентов

    imports: [
    BrowserAnimationsModule,
    MatButtonModule,
    MatCheckboxModule
    BrowserModule,
    AlertModule.forRoot(),
  ],