模块 'AppModule' 声明了意外的模块 'BrowserAnimationsModule'。请添加@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(),
  ],

Answer 2

试试这个：

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

谢谢

Answer 3

组件声明，模块导入