Ввод / импорт MatButtonModule, MatMenuModule, MatIconModule в мой проект

Question

У меня есть приложение Angular, но я не уверен, как я могу добавить MatButtonModule, MatMenuModule, MatIconModule в мой проект.

Всякий раз, когда я пытаюсь это сделать, я получаю следующую ошибку:

«Модуль не имеет экспортируемого элемента»

Я считаю, что это может иметь какое-то отношение к установке Angular материала, но я не слишком уверен.

MatButtonModule, MatMenuModule, MatIconModule все подчеркнуты как красные в моей IDE, но у меня в настоящее время есть MatFormFieldModule и MatInputModule, и они работают нормально.

Даже если я добавлю их в раздел Imports, это делает не помогает.

Вот мой код для app.module.ts, что-нибудь торчит:

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

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';  
import { ItemService } from './items.service';
import { NewItemFormComponent } from './new-item-form/new-item-form.component';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule, MatButtonModule, MatMenuModule, MatIconModule } from '@angular/material/input'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule } from '@angular/forms';
import { NavigationMenuComponent } from './navigation-menu/navigation-menu.component';



@NgModule({
  declarations: [
    AppComponent,
    NewItemFormComponent,
    NavigationMenuComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    MatFormFieldModule,
    MatInputModule,
    BrowserAnimationsModule,
    FormsModule
  ],

  providers: [ItemService],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

Вы пытаетесь импортировать MatButtonModule, MatMenuModule и MatIconModule из ввода (@ angular / material / input), что не является правильным способом, вы должны импортировать их из соответствующих модулей, как показано ниже

import { MatButtonModule } from '@angular/material/button';
import { MatMenuModule } from '@angular/material/menu';
import { MatIconModule } from '@angular/material/icon';