首页 文章

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

提问于
浏览 次
9

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

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
],
angular angular-material angular-material2 angular6

4 回答

  • 7

    npm install @ angular / animations @ 6.0.1 --save --save-exact

    编辑：没关系，发现我使用的Ionic版本仍然使用Angular 6，这意味着动画模块需要匹配角度核心模块的版本号 . 如果您的核心模块是6.0.1版，则需要使用npm安装@ angular / animations @ 6.0.1

    回复于
  • 1

    请注意，项目的完整源代码可能允许某人更快地帮助调试此问题 . 在此期间，以下内容可帮助您使用Angular 6和Material Stepper .

    cRAN在评论中发布的StackBlitz演示是一个不错的垂直步进演示 . 由于您的问题似乎是处理水平步进器，我认为您可能会发现一个有用的水平演示 .

    我能够让Angular Material Stepper使用Angular 6.0.3和Angular Material 6.2.1 . 以下是我在Faisal基于StackBlitz项目创建的现场演示，它使用了另一个SO问题中引用的Angular 4：Angular 4 & Material Stepper

    为此，我创建了一个全新的Angular 6项目，然后在每个Angular 6的Faisal演示中添加了关键文件，例如将所有“md-”引用更新为“mat-”，另外我为Angular CDK添加了实时VERSION数字 . 角度材料 .

    我希望有人觉得这很有帮助 .

    StackBlitz: angular603-material621-stepper

    回复于
  • 0

    你需要升级Angular.json . 运行这些命令就是这样 .

    $ ng update @angular/cli
$ ng update @angular/core
$ ng update @angular/material
    回复于
  • 1

    似乎角度版本和材料版本之间存在不匹配 . 请确保将角度更新为最新 .

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

    回复于

相关问题