Angular :错误 NG8001: 'mat-select' 不是已知元素:

Question

我想创建一个下拉列表，为此我需要添加 < & 标签。当我开始处理我的项目时，我收到了这个错误。我不明白哪里做错了。请纠正我错误的地方。

error NG8001: 'mat-select' is not a known element:
1. If 'mat-select' is an Angular component, then verify that it is part of this module.
2. If 'mat-select' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

3     <mat-select>

这里是component.html的代码:

<mat-form-field>
    <mat-label>Process Name</mat-label>
    <mat-select
        
        name="country names"
        (selectionChange)="country_name()"
    >
    </mat-select>
</mat-form-field>

app.module.ts 代码

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import{FormsModule} from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PracticeComponent } from './practice/practice.component';
import { TopnavComponent } from './practice/topnav/topnav.component';
import { DropdownComponent } from './dropdown/dropdown.component';
import { MatSelectModule} from '@angular/material/select/';
import{MatFormFieldModule} from '@angular/material/form-field'
import{MatInputModule} from '@angular/material/input'

@NgModule({
  declarations: [
    AppComponent,
    PracticeComponent,
    TopnavComponent,
    DropdownComponent,
    MatSelectModule,
    MatFormFieldModule,
    MatInputModule
    
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    MatSelectModule,
    MatFormFieldModule,
    MatInputModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

material.module.ts代码:

import { NgModule } from '@angular/core';

import { MatSelectModule} from '@angular/material/select/';
import{MatFormFieldModule} from '@angular/material/form-field'
import{MatInputModule} from '@angular/material/input'

@NgModule({
  imports: [
    MatSelectModule,
    MatFormFieldModule,
    MatInputModule
  ],
  exports: [
    MatSelectModule,
    MatFormFieldModule,
    MatInputModule
  ]
})

export class MaterialModule { }

我不明白，哪里做错了。我尝试了所有可能的解决方案，但问题仍然存在。

Answer 1

此错误消息以及其他类似错误消息是由不正确 import 语句引起的。

模块始终位于组件区域的第一个文件夹 中。像这样:

// the correct syntax is:
import { MatSelectModule} from '@angular/material/select';

// the incorrect syntax is:
import { MatSelectModule} from '@angular/material/select/';
// No error shows here even when directory is wrong

您应该从行尾删除 / 字符。

希望有用。