java.lang.IllegalArgumentException: Невозможно добавить нулевое дочернее представление в ViewGroup Nativescript-Angular

Question

Я добавил плагин бокового ящика в свой проект NativeScript-Angular. Мой app.component.html выглядит следующим образом:

<RadSideDrawer>
   <GridLayout tkDrawerContent rows="auto, *" class="sidedrawer sidedrawer-left">
      <StackLayout row="0" style="margin-bottom: 30px;">
         <StackLayout orientation="horizontal" style="padding: 13px 20px;">
            <label text="Hasan Tekin" textWrap="false" style="font-size: 20px;color: white;margin: 20 30 10 10;"></label>
         </StackLayout>
      </StackLayout>
      <ScrollView row="1">
         <StackLayout class="sidedrawer-content">
            <StackLayout *ngFor="let item of state.sideDrawer.items; let i = index">
               <StackLayout orientation="horizontal" style="padding: 13px 0;" (tap)="activateMenuItem(i)" [routerLink]="['/mysurveys']">
                  <Image [src]="item.active ? '~/assets/images/arrowGreen.png' : '~/assets/images/arrowGray.png'" style="width: 40px;margin: 0 20px;"></Image>
                  <label text={{item.text}} textWrap="false" [class]="item.active ? 'menuItemActive' : 'menuItem'"></label>
               </StackLayout>
               <StackLayout class="hr-dark m-10">
               </StackLayout>
            </StackLayout>
         </StackLayout>
      </ScrollView>
   </GridLayout>

   <page-router-outlet tkMainContent class="page page-content"></page-router-outlet>
</RadSideDrawer>

Когда я запускаю tns run android --bundle, это выдает мне эту ошибку:

Error: java.lang.IllegalArgumentException: Cannot add a null child view to a ViewGroup

В чем может быть причина?

Answer 1

Это была моя ошибка. Я импортировал боковой ящик в app.module.ts вместо app.module.tns.ts. Теперь я удалил этот импорт и записал его в app.module.tns.ts, и он работает.