Javascript md表单字段不是已知的元素角材质

错误

我用角度材质实现了角度输入

网址

html

app.module.ts 进口后

从“@angular/material”导入{MdFormFieldModule}

• 谁能告诉我我错过了什么

---

添加

模式：[自定义元素\u模式]

和

从“@angular/material”导入{MdInputModule}

而不是MdFormFieldModule它已经过时

    ERROR in D:/frontend/src/app/app.module.ts (97,10): Module '"D:/frontendapp/node_modules/@angular/material/material"' has no exported member 'MdFormFieldModule'.

---

将此模块导入到您的模块：MdInputModule 然后使用此代码剪下并享受：

---

如果您在Angular的最新版本中遇到该错误，我发现它已将组件标记（无论您想叫它什么）从

md form field

更改为最新版本中的

mat form field

。请注意

mat表单字段中的mat。我正在从2.0.0-beta.3版升级到5.2.5版

而我需要从'@angular/material'导入
import{MatInputModule}
在我的
app.module.ts
文件中，是
.html
文件中的组件标记更改减轻了控制台错误
'md-form-field'不是已知元素：

注意：我在将我的
md输入容器
标记升级到
md表单字段
标记时遇到了这个问题，我花了很多时间才意识到这些标记已经被更新到新的
mat表单字段
。无论如何，如果您正在使用
md输入容器
或
md表单字段
从旧版本的材料更新到新版本的材料，我建议您尽可能地更新到
mat表单字段

注2：确保注意任何切线更新-如更改指令名称。例如，如果您有任何
mdInput
的情况，则可能需要将其更改为
matInput
。诸如此类。那些
md
到
mat
的更改可能会通过您的代码大量发生。如果您的编辑器具有跨多个文件的“全部替换”功能，它将是您最好的朋友。至少
md
不是常见的一对字母，除了在旧的AngularMaterial世界中。
确保您的
@angular/material
版本为2.0.0-beta.10，并且没有
MdFormFieldModule
，只需导入
MdInputModule
并将其添加到导入数组中。@Pengyy
MdFormFieldModule
是在beta.10中引入的，它必须与
MdInputModule一起在模块导入中导入
       <form class="example-form">
      <md-form-field class="example-full-width">
     <input mdInput placeholder="Favorite food" value="Sushi">
    </md-form-field>
    </form>

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

  @NgModule({
  imports: [
  ....
  MdFormFieldModule,
   ....
 ]

    ERROR in D:/frontend/src/app/app.module.ts (97,10): Module '"D:/frontendapp/node_modules/@angular/material/material"' has no exported member 'MdFormFieldModule'.

@NgModule({
    declarations: [
        ..
    ],
    imports: [
        MdInputModule,
        ..
    ],
    schemas: [CUSTOM_ELEMENTS_SCHEMA]
})