Error while using groupingFunction with Angular and webpack without 'tkGroupTemplate'

[VladimirAmiorkov]

Please take a minute to read our NativeScript Code of Conduct before proceeding with posting issues or discussing. The purpose of this guide is to make communication and cooperation within our forums a pleasure for you and the other members.

Please, provide the details below:

Did you verify this is a real problem by searching the NativeScript Forum?

Yes

Tell us about the problem

Setting the RadListView's groupingFunction without declaring an tkGroupTemplate and running the tns run ios --bundle causes an error. The error is:

JavaScript error:
file:///app/vendor.js:96360:56: JS ERROR Error: Parsing XML at 1:1
> Module 'ui/label' not found for element 'Label'.
> Could not find module 'ui/label'. Computed path '/..[PATH_TO_APP]../app/tns_modules/ui/label'.

Which platform(s) does your issue occur on?

Tested iOS should be broken on Android also

Please provide the following version numbers that your issue occurs with:

• Progress NativeScript UI version: nativescrilt-ui-listview: 3.5.7
• CLI: 4.0.0
• Cross-platform modules: 4.0.0
• Runtime(s): 4.0.1

Please tell us how to recreate the issue in as much detail as possible.

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

Run and app that has something like this set to its html:

<RadListView [items]="dataItems" [groupingFunction]="myGroupingFunc">
        <ng-template tkListItemTemplate let-item="item">
            <StackLayout>
                <Label [text]="item.name"></Label>
            </StackLayout>
        </ng-template>
</RadListView>