Модуль Nativescript 'nativescript-ui-sidedrawer' не найден для элемента 'nativescript-ui-sidedrawer: RadSideDrawer

Я хотел бы добавить в свой проект боковой ящик nativescript, но получаю сообщение об ошибке

An uncaught Exception occurred on "main" thread.
Calling js method onClick failed
Error: Building UI from XML. @home/home-page.xml:15:9
 > Module 'nativescript-ui-sidedrawer' not found for element 'nativescript-ui-sidedrawer:RadSideDrawer'.
   > Class extends value undefined is not a constructor or null

я работал с ним раньше в предыдущем проекте, и я не получал эту ошибку

это мой XML-код ниже

<GridLayout rows="*" height="100%"
        xmlns:nsDrawer="nativescript-ui-sidedrawer">
        <nsDrawer:RadSideDrawer drawerTransition="PushTransition" id="sideDrawer" rows="0">
            <nsDrawer:RadSideDrawer.drawerContent>
                <StackLayout backgroundColor="white">
                    <StackLayout backgroundColor="#00b47e" height="200" width="100%">
                            
                    </StackLayout>
                </StackLayout>
            </nsDrawer:RadSideDrawer.drawerContent>
            <nsDrawer:RadSideDrawer.mainContent>
                <StackLayout>
                <GridLayout rows="auto, *" columns="auto">
                    <Label text="14 Markets Listed" color="#B5B5B5" fontSize="14" class="indication" row="0" column="0" />
                   <lv:RadListView row="1" column="0" loaded="onListLoaded" loadOnDemandMode="Auto" items="{{ dataItems }}" loadMoreDataRequested="{{ onLoadMoreItemsRequested }}" separatorColor="transparent" itemTap="onItemTap" marginRight="-2" backgroundColor="#e6e6e6" itemLoading="{{ onItemLoading }}">
                                        <lv:RadListView.listViewLayout>
                                            <lv:ListViewLinearLayout scrollDirection="Vertical" dynamicItemSize="false" itemInsertAnimation="Scale" itemDeleteAnimation="Scale" spanCount="2" />
                                        </lv:RadListView.listViewLayout>
                                        <lv:RadListView.itemTemplate>
                                            <GridLayout class="list-group-item" rows="auto" columns="auto, *">
                                                <StackLayout verticalAlignment="center" horizontalAlignment="center" class="thumb">
                                                <Label row="0" verticalAlignment="center" horizontalAlignment="center" col="0" text="A" class="img-rounded" />
                                                </StackLayout>
                                                <StackLayout row="0" col="1" >
                                                    <Label text="{{ name }}" class="list-group-item-heading" />
                                                    <Label text="{{ Location }}" class="list-group-item-text" />
                                                </StackLayout>
                                            </GridLayout>
                                        </lv:RadListView.itemTemplate>
                                    </lv:RadListView>
                                    </GridLayout>
                </StackLayout>
            </nsDrawer:RadSideDrawer.mainContent>
        </nsDrawer:RadSideDrawer>
    </GridLayout>

Пожалуйста, помогите спасибо