时间戳

首页 > 解决方案 > 角度为 6 的材料步进器不起作用[在 browser.js 中找不到动画方法]

angular - 角度为 6 的材料步进器不起作用[在 browser.js 中找不到动画方法]

问题描述

我正在使用 Angular 6，并按照本指南中的步骤将材料组件添加到我的项目中。但是当我在我的代码中使用步进器组件时，我在控制台中得到以下异常：

NewReqComponent.html:16 ERROR TypeError: _this._driver.validateStyleProperty is not a function
at browser.js:844
at Array.forEach (<anonymous>)
at browser.js:843
at Array.forEach (<anonymous>)
at AnimationAstBuilderVisitor.push../node_modules/@angular/animations/fesm5/browser.js.AnimationAstBuilderVisitor._validateStyleAst (browser.js:840)
at AnimationAstBuilderVisitor.push../node_modules/@angular/animations/fesm5/browser.js.AnimationAstBuilderVisitor.visitStyle (browser.js:780)
at AnimationAstBuilderVisitor.push../node_modules/@angular/animations/fesm5/browser.js.AnimationAstBuilderVisitor.visitState (browser.js:678)
at browser.js:657
at Array.forEach (<anonymous>)
at browser.js:655

我使用了这样的组件：

<mat-horizontal-stepper>
  <mat-step label="step1">step1</mat-step>
  <mat-step label="step2">step2</mat-step>
</mat-horizontal-stepper>

和 app.module.ts：

imports: [
  BrowserModule,
  BrowserAnimationsModule,
  RouterModule.forRoot(appRoutes) ,
  FormsModule, HttpClientModule ,
  FormWizardModule ,
  ArchwizardModule,
  MatStepperModule
],

标签： angularangular-materialangular-material2angular6

解决方案

似乎角度版本和材质版本之间存在不匹配。请确保将角度更新到最新版本。

尝试将其设置为 6.0.6 版本，我认为它会正常工作。

推荐阅读