template parse error

[lafiza]

Getting the below error when using in webpack Angular cli project
'notification-icon' is not a known element:

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

Coding:::::-->

appComponent.ts:
Added --->
import 'angular' ;
import 'angular-animate';
import 'angular-notification-icons';
import 'angular-notification-icons/dist/angular-notification-icons.css';

And in HTML , i have -->

Workflow

[jacob-meacham]

Hi @lafiza, sorry to hear that you're having issues! What version of this plugin and what version of angular are you using?

Thanks!

[lafiza]

angular - 4
'angular-notification-icons' --> version - 0.4.4

[jacob-meacham]

@lafiza this plugin only supports angular 1, not angular 2+. I can look into upgrading this, but you may be able to get going with ngUpgrade (see for example https://blog.thoughtram.io/angular/2015/10/24/upgrading-apps-to-angular-2-using-ngupgrade.html)

[lafiza]

hi Jacob,

Was this component upgraded ?