Topic: Accordion - 'sb-item-head' is not a known element

alobban@afnww.com pro asked 6 years ago


Hello, How do I resolve this error for PRO edition? I have the PRO and FREE editions configured correctly. Is there something I have to import at the component level or anything additional in the module? compiler.es5.js:1689 Uncaught Error: Template parse errors: 'sb-item-head' is not a known element: 1. If 'sb-item-head' is an Angular component, then verify that it is part of this module. 2. If 'sb-item-head' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" <squeezebox aria-multiselectable="true"> <sb-item *ngFor="let stop of stops"> [ERROR ->]<sb-item-head> {{ stop.is_task_stop }} </sb-item-head> "): ng:///LoadTrackingModule/StopsComponent.html@5:10 'sb-item-body' is not a known element: 1. If 'sb-item-body' is an Angular component, then verify that it is part of this module. 2. If 'sb-item-body' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" {{ stop.is_task_stop }} </sb-item-head> [ERROR ->]<sb-item-body> {{ stop.reference_numbers }} </sb-item-body> "): ng:///LoadTrackingModule/StopsComponent.html@8:10 'sb-item' is not a known element: 1. If 'sb-item' is an Angular component, then verify that it is part of this module. 2. If 'sb-item' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" <div class="card-block"> <squeezebox aria-multiselectable="true"> [ERROR ->]<sb-item *ngFor="let stop of stops"> <sb-item-head> {{ stop.is_task_stop }} "): ng:///LoadTrackingModule/StopsComponent.html@4:8 'squeezebox' is not a known element: 1. If 'squeezebox' is an Angular component, then verify that it is part of this module. 2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" <div class="card"> <div class="card-block"> [ERROR ->]<squeezebox aria-multiselectable="true"> <sb-item *ngFor="let stop of stops">

Magdalena Obalska free answered 6 years ago


Hello, here's a few questions and information. 1. Are you using the latest version of MDB Angular? 2. Are you sure that you imported the right files to your app.module.ts? 3. Are you sure that you don't have any typos or incompatibility in names? 4. Is there NO_ERRORS_SCHEMA import in the app.module.ts file? If not, add it.

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No