无法使用任何插件 “找不到元素的模块...”

问题描述

我是NativeScript的新手，只是不知道如何正确加载插件。

如here所述，我添加了插件，并从here开始，遵循Core JS的步骤，但似乎无济于事。

到目前为止，我已经尝试过使用RadListView和PullToRefresh，但是我一直遇到相同/相似的障碍。对于PullToRefresh插件，我收到的错误如下所示。

JS: HMR: Hot Module Replacement Enabled. Waiting for signal.
JS: Error: Building UI from XML. @screens/home/home-page.xml:32:11
JS:  > Building UI from XML. @screens/orders/orders-items-page.xml:9:5
JS:    > Module '@nstudio/nativescript-pulltorefresh' not found for element '@nstudio/nativescript-pulltorefresh:PullToRefresh'.
JS:    > _nativescript_core__WEBPACK_IMPORTED_MODULE_0__.Property is not a constructor

我正在运行NativeScript Core JS示例项目，并进行了一些小小的修饰。我不完全确定要在此处发布哪些代码以供参考，但是可以使用

home-page.xml

 <Page xmlns="http://schemas.nativescript.org/tns.xsd">

  <BottomNavigation>
    <TabStrip>
      <TabStripItem class="navigation__item">
        <Label text="Orders"/>
        <Image src="font://&#xf46d;" class="fas t-36"/>
      </TabStripItem>
      <TabStripItem class="navigation__item">
        <Label text="Inventory"/>
        <Image src="font://&#xf468;" class="fas t-36"/>
      </TabStripItem>
      <TabStripItem class="navigation__item">
        <Label text="Promotions"/>
        <Image src="font://&#xf295;" class="fas t-36"/>
      </TabStripItem>
      <!-- <TabStripItem class="navigation__item"> <Label text="Analytics"/> <Image src="font://&#xf201;" class="fas t-36"/> </TabStripItem> -->
    </TabStrip>

    <TabContentItem>
      <Tabs>
        <TabStrip id="top-nav">
          <TabStripItem>
            <Label text="Current Orders"></Label>
          </TabStripItem>
          <TabStripItem>
            <Label text="Past Orders"></Label>
          </TabStripItem>
        </TabStrip>

        <TabContentItem>
          <Frame defaultPage="screens/orders/orders-items-page"/>
        </TabContentItem>

        <TabContentItem>
          <Frame defaultPage="screens/inventory/inventory-page"/>
        </TabContentItem>

      </Tabs>
    </TabContentItem>

    <TabContentItem>
      <Frame defaultPage="screens/inventory/inventory-page"/>
    </TabContentItem>

    <TabContentItem>
      <Frame defaultPage="screens/promotions/promotions-page"/>
    </TabContentItem>

    <!-- <TabContentItem> <Frame defaultPage="screens/analytics/analytics-page"/> </TabContentItem> -->
  </BottomNavigation>
</Page>

orders-item-page.xml

<Page navigatingTo="onNavigatingTo" loaded="loaded" xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:PullRefresh="@nstudio/nativescript-pulltorefresh">

  <GridLayout rows="auto,*">
    <FlexBoxLayout flexDirection="row" justifyContent="space-around">
      <Button class="" col="0" text="New Orders" tap="filter"></Button>
      <Button class="" col="1" text="Preparing" tap="filter"></Button>
      <Button class="" col="2" text="Ready for Pickup" tap="filter"></Button>
    </FlexBoxLayout>
    <PullRefresh:PullToRefresh refresh="refreshList" indicatorFillColor="#fff000" indicatorColor="#3489db">
      <ListView items="{{ orders }}" row="1">
        <ListView.itemTemplate>
          <GridLayout class="p-10 order-list-item" rows="auto,auto,auto" columns="*,auto" androidElevation="5" margin="5" backgroundColor="white" borderRadius="10">
            <FlexBoxLayout flexDirection="row" row="0" colSpan="2" justifyContent="space-between">
              <Label class="{{ 'status ' + status }}" text="{{ statusText }}" textTransform="uppercase"/>
              <Label class="font-weight-bold" text="{{ 'Order to be Ready in ' + totalTime }}" fontSize="12"/>
            </FlexBoxLayout>

            <FlexBoxLayout class="m-t-10" flexDirection="row" row="1" colSpan="2" justifyContent="space-between">
              <Label class="font-weight-bold" text="{{ '#' + number }}" fontSize="15"/>
              <Label class="font-weight-bold" text="{{ '₹' + value }}" fontSize="15"/>
            </FlexBoxLayout>

            <Label class="" text="{{ dateTime + ' | ' + itemsBrief  }}" row="2" col="0" color="gray" fontSize="12"/>
            <FlexBoxLayout flexDirection="row" row="3" colSpan="2">
              <Button flexGrow="1" class="text-center font-weight-bold" text="Mark Ready" tap="filter"></Button>
              <Button flexGrow="1" class="text-center font-weight-bold" text="Mark Ready" tap="filter"></Button>
            </FlexBoxLayout>
          </GridLayout>
        </ListView.itemTemplate>
      </ListView>
    </PullRefresh:PullToRefresh>
    <!-- <ActivityIndicator busy="{{ isLoading }}" row="1" horizontalAlignment="center" verticalAlignment="center"/> -->
  </GridLayout>

</Page>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）