Can't bind to 'number' since it isn't a known property of 'ng2-odometer

HubSpot / odometer

Smoothly transitions numbers with ease. #hubspot-open-source

http://github.hubspot.com/odometer/docs/welcome

MIT License

7.3k stars 712 forks source link

Can't bind to 'number' since it isn't a known property of 'ng2-odometer #164

Open briankitt opened 5 years ago

briankitt commented 5 years ago

I followed installed step by step, and this is what I am getting.

ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'number' since it isn't a known property of 'ng2-odometer'.

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

MARKET AREAS

    <ng2-odometer [ERROR ->][number]="3" [config]="{ }"></ng2-odometer>
  </div>
</div>

"): ng:///PublicModule/IndexComponent.html@384:26 Can't bind to 'config' since it isn't a known property of 'ng2-odometer'.

If 'ng2-odometer' is an Angular component and it has 'config' input, then verify that it is part of this module.

If 'ng2-odometer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

MARKET AREAS

    <ng2-odometer [number]="3" [ERROR ->][config]="{ }"></ng2-odometer>
  </div>
</div>

"): ng:///PublicModule/IndexComponent.html@384:39 'ng2-odometer' is not a known element:

If 'ng2-odometer' is an Angular component, then verify that it is part of this module.

If 'ng2-odometer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("

MARKET AREAS

    [ERROR ->]<ng2-odometer [number]="3" [config]="{ }"></ng2-odometer>
  </div>
</div>

"): ng:///PublicModule/IndexComponent.html@384:12 Error: Template parse errors: Can't bind to 'number' since it isn't a known property of 'ng2-odometer'.

If 'ng2-odometer' is an Angular component and it has 'number' input, then verify that it is part of this module.

If 'ng2-odometer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

MARKET AREAS

    <ng2-odometer [ERROR ->][number]="3" [config]="{ }"></ng2-odometer>
  </div>
</div>

"): ng:///PublicModule/IndexComponent.html@384:26 Can't bind to 'config' since it isn't a known property of 'ng2-odometer'.

If 'ng2-odometer' is an Angular component and it has 'config' input, then verify that it is part of this module.

If 'ng2-odometer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

MARKET AREAS

    <ng2-odometer [number]="3" [ERROR ->][config]="{ }"></ng2-odometer>
  </div>
</div>

"): ng:///PublicModule/IndexComponent.html@384:39 'ng2-odometer' is not a known element:

If 'ng2-odometer' is an Angular component, then verify that it is part of this module.

If 'ng2-odometer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("

MARKET AREAS

    [ERROR ->]<ng2-odometer [number]="3" [config]="{ }"></ng2-odometer>
  </div>
</div>

"): ng:///PublicModule/IndexComponent.html@384:12 at syntaxError (compiler.js:1021) at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:14830) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate (compiler.js:24018) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate (compiler.js:24005) at compiler.js:23948 at Set.forEach () at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:23948) at compiler.js:23858 at Object.then (compiler.js:1012) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:23857) at syntaxError (compiler.js:1021) at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:14830) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate (compiler.js:24018) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate (compiler.js:24005) at compiler.js:23948 at Set.forEach () at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:23948) at compiler.js:23858 at Object.then (compiler.js:1012) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:23857) at resolvePromise (zone.js:814) at resolvePromise (zone.js:771) at zone.js:873 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) at Object.onInvokeTask (core.js:3811) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188) at drainMicroTaskQueue (zone.js:595) defaultErrorLogger @ core.js:1673 push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:1719 push../src/app/global/errorhandler.ts.AppErrorHandler.handleError @ errorhandler.ts:42 next @ core.js:4311 schedulerFn @ core.js:3551 push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:196 push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:134 push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77 push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54 push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47 push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:3535 (anonymous) @ core.js:3842 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:388 push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:138 push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:3779 onHandleError @ core.js:3842 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.handleError @ zone.js:392 push../node_modules/zone.js/dist/zone.js.Zone.runGuarded @ zone.js:154 _loop_1 @ zone.js:677 api.microtaskDrainDone @ zone.js:686 drainMicroTaskQueue @ zone.js:602 Promise.then (async) scheduleMicroTask @ zone.js:578 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410 onScheduleTask @ zone.js:297 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:401 push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:232 push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:252 scheduleResolveOrReject @ zone.js:862 resolvePromise @ zone.js:808 (anonymous) @ zone.js:724 webpackJsonpCallback @ bootstrap:23 (anonymous) @ public-public-module.js:1