Topic: Accordion - 'sb-item-head' is not a known element
alobban@afnww.com pro asked 7 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">
Add comment
Magdalena Obalska free answered 7 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.
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