Components: stepper component is having some issue in it give's console error linear etc unknow property of md-horizontal-stepper please give some solution to it

Created on 27 Sep 2017  路  6Comments  路  Source: angular/components

Can't bind to 'linear' since it isn't a known property of 'md-horizontal-stepper'.

  1. If 'md-horizontal-stepper' is an Angular component and it has 'linear' input, then verify that it is part of this module.
  2. If 'md-horizontal-stepper' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
-->

][linear]="isLinear">

html@49:23
Can't bind to 'stepControl' since it isn't a known property of 'md-step'.

  1. If 'md-step' is an Angular component and it has 'stepControl' input, then verify that it is part of this module.
  2. If 'md-step' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("


][stepControl]="firstFormGroup">

html@50:13
'md-step' is not a known element:

  1. If 'md-step' is an Angular component, then verify that it is part of this module.
  2. If 'md-step' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("


[ERROR ->]

html@50:4
Can't bind to 'stepControl' since it isn't a known property of 'md-step'.

  1. If 'md-step' is an Angular component and it has 'stepControl' input, then verify that it is part of this module.
  2. If 'md-step' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("


  4. ][stepControl]="secondFormGroup">

    html@61:13
    'md-step' is not a known element:
  5. If 'md-step' is an Angular component, then verify that it is part of this module.
  6. If 'md-step' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("


  7. [ERROR ->]

    html@61:4
    'md-step' is not a known element:
  8. If 'md-step' is an Angular component, then verify that it is part of this module.
  9. If 'md-step' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("


  10. [ERROR ->]
    Done
    You are now done.
    "): ng:///VideosModule/VideosComponent.html@73:4
    'md-horizontal-stepper' is not a known element:
  11. If 'md-horizontal-stepper' is an Angular component, then verify that it is part of this module.
  12. If 'md-horizontal-stepper' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
-->

[ERROR ->]

html@49:0
at syntaxError (http://localhost:4200/vendor.bundle.js:91770:34)
at TemplateParser.webpackJsonp.../../../compiler/@angular/compiler.es5.js.TemplateParser.parse (http://localhost:4200/vendor.bundle.js:102890:19)
at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._compileTemplate (http://localhost:4200/vendor.bundle.js:117042:39)
at http://localhost:4200/vendor.bundle.js:116962:62
at Set.forEach (native)
at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._compileComponents (http://localhost:4200/vendor.bundle.js:116962:19)
at http://localhost:4200/vendor.bundle.js:116849:19
at Object.then (http://localhost:4200/vendor.bundle.js:91759:133)
at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._compileModuleAndComponents (http://localhost:4200/vendor.bundle.js:116848:26)
at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler.compileModuleAsync (http://localhost:4200/vendor.bundle.js:116777:37)

All 6 comments

Please keep GitHub issues for bug reports / feature requests. Better avenues for troubleshooting / questions are stack overflow, gitter, mailing list, etc.

Are-you sur your import :
imports[MdStepperModule]

yes @crytechio I did my all imports.
I think it is the problem of version.

i have the same problem, how did you solved it ?
Thank you in advance :)

in .ts component. might help you!
isLinear = true;

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_This action has been performed automatically by a bot._

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Add labelPosition to md-slide-toggle
crutchcorn picture crutchcorn  路  3Comments

md-ink-ripple
jelbourn picture jelbourn  路  3Comments

Custom theming md-core() is not defined
MurhafSousli picture MurhafSousli  路  3Comments

How to bring focus to an md-input?
RoxKilly picture RoxKilly  路  3Comments

Material Icons for md-tab label?
michaelb-01 picture michaelb-01  路  3Comments