ngx-toastr: Toastr not working on 9.0.0-next.4

When using ngx-toastr 10.2.0 on Angular 9.0.0-next.4 I get the error message

`ERROR Error: “Template error: Can’t bind to ‘ngIf’ since it isn’t a known property of ‘button’.”

Angular 3 createUnknownPropertyError elementPropertyInternal property Toast_Template ngx-toastr.js:978 `

and

ERROR Error: "Template error: Can't bind to 'ngIf' since it isn't a known property of 'div'."

I have a pretty standard installation. Does someone have any ideas on how to prevent this error?

The Toastr appears but has no text in it

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 1
Comments: 18 (12 by maintainers)

Most upvoted comments

Still not working after using ngx-toastr v11 on angular version 8.3.4

Errors core.js:6014 ERROR Error: Template error: Can’t bind to ‘ngIf’ since it isn’t a known property of ‘button’.

core.js:6014 ERROR Error: Template error: Can’t bind to ‘ngIf’ since it isn’t a known property of ‘div’.

hartjo on Oct 3, 2019

Angular 8 with ivy is never going to work with ngx-toastr they aren’t backporting fixes

scttcper on Nov 6, 2019

It’s still not working for me with 11.2.0. When running in debug mode (npm start) I get core.js:13129 Can’t bind to ‘ngIf’ since it isn’t a known property of ‘button’. warnAboutUnknownProperty @ core.js:13129 elementPropertyInternal @ core.js:13034 ɵɵproperty @ core.js:22635 Toast_Template @ template.html:15 executeTemplate @ core.js:12575 refreshView @ core.js:12434 refreshComponent @ core.js:13722 refreshChildComponents @ core.js:12169 refreshView @ core.js:12493 renderComponentOrTemplate @ core.js:12547 tickRootContext @ core.js:13886 detectChangesInRootView @ core.js:13926 detectChanges @ core.js:15464 tick @ core.js:41449 (anonymous) @ core.js:41297 invoke @ zone-evergreen.js:365 onInvoke @ core.js:40081 invoke @ zone-evergreen.js:364 run @ zone-evergreen.js:124 run @ core.js:39893 next @ core.js:41294 schedulerFn @ core.js:35611 __tryOrUnsub @ Subscriber.js:183 next @ Subscriber.js:122 _next @ Subscriber.js:72 next @ Subscriber.js:49 next @ Subject.js:39 emit @ core.js:35573 checkStable @ core.js:40024 onLeave @ core.js:40142 onInvokeTask @ core.js:40065 invokeTask @ zone-evergreen.js:399 runTask @ zone-evergreen.js:168 invokeTask @ zone-evergreen.js:481 invokeTask @ zone-evergreen.js:1596 globalZoneAwareCallback @ zone-evergreen.js:1622 Show 6 more frames core.js:13129 Can’t bind to ‘ngIf’ since it isn’t a known property of ‘div’. warnAboutUnknownProperty @ core.js:13129 elementPropertyInternal @ core.js:13034 ɵɵproperty @ core.js:22635 Toast_Template @ template.html:2 executeTemplate @ core.js:12575 refreshView @ core.js:12434 refreshComponent @ core.js:13722 refreshChildComponents @ core.js:12169 refreshView @ core.js:12493 renderComponentOrTemplate @ core.js:12547 tickRootContext @ core.js:13886 detectChangesInRootView @ core.js:13926 detectChanges @ core.js:15464 tick @ core.js:41449 (anonymous) @ core.js:41297 invoke @ zone-evergreen.js:365 onInvoke @ core.js:40081 invoke @ zone-evergreen.js:364 run @ zone-evergreen.js:124 run @ core.js:39893 next @ core.js:41294 schedulerFn @ core.js:35611 __tryOrUnsub @ Subscriber.js:183 next @ Subscriber.js:122 _next @ Subscriber.js:72 next @ Subscriber.js:49 next @ Subject.js:39 emit @ core.js:35573 checkStable @ core.js:40024 onLeave @ core.js:40142 onInvokeTask @ core.js:40065 invokeTask @ zone-evergreen.js:399 runTask @ zone-evergreen.js:168 invokeTask @ zone-evergreen.js:481 invokeTask @ zone-evergreen.js:1596 globalZoneAwareCallback @ zone-evergreen.js:1622 Show 6 more frames

When I build for production with ng build --prod I get

ERROR in ./node_modules/ngx-toastr/ivy_ngcc/fesm2015/ngx-toastr.js Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js): TypeError: Cannot read property ‘kind’ of undefined at isAngularDecoratorMetadataExpression (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:230:35) at checkNodeForDecorators (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:53:21) at visitNodes (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16631:30) at Object.forEachChild (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:16859:24) at transformer (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\src\transforms\scrub-file.js:39:16) at transformSourceFileOrBundle (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:67384:57) at transformation (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:83586:24) at transformRoot (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:83606:82) at Object.map (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:499:29) at Object.transformNodes (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:83593:30) at emitJsFileOrBundle (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:84089:32) at emitSourceFileOrBundle (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:84043:13) at forEachEmittedFile (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:83832:34) at Object.emitFiles (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:84026:9) at emitWorker (C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:89951:33) at C:\Projects\MyApp\cli-front-end\node_modules@angular-devkit\build-optimizer\node_modules\typescript\lib\typescript.js:89912:66

BlairUT on Nov 5, 2019