Question

这是我面临的问题，我通过npm安装了2个模块（tns add plugin会产生相同的错误）。

Oct 24 13:27:00 mbp mobile[83478]: file:///app/tns_modules/ui/builder/builder.js:167:56: JS ERROR Error: Building UI from XML. @file:///app/main-page.xml:18:11
 ↳Building UI from XML. @file:///app/mainTabs/tabNews/tabNews.xml:6:20
   ↳Module 'ui/fab' not found for element 'Fab'.
   ↳Could not find module 'ui/fab'. Computed path '/Users/foo/Library/Developer/CoreSimulator/Devices/<device id>/data/Containers/Bundle/Application/<app id>/mobile.app/app/tns_modules/ui/fab'.

路径（包括“tns_modules”）错误。我甚至没有名为tns_modules的目录。

模块安装在nodes_modules /目录的根目录下。

我安装了一些其他插件可以正常工作。

我试过：

删除平台/目录
从模拟器中删除应用
tns插件添加
tns build ios
tns run ios

这并没有解决问题。

插件是：

https://github.com/bradmartin/nativescript-floatingactionbutton 和 https://github.com/bradmartin/nativescript-pulltorefresh

知道我做错了吗？

编辑：

这就是我在XML中调用插件的方式：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:x="nativescript-statusbar" actionBarHidden="false" loaded="loaded" xmlns:FAB="nativescript-floatingactionbutton">

然后在这个页面中我有一个tabView。每个选项卡都在一个单独的文件中（通过不同的命名空间）。

这是我正在尝试添加浮动按钮的选项卡的代码：

<GridLayout rows="auto, *">   
<ListView id="news-feed" items="{{ news }}" loaded="onLoaded" itemLoading="onItemLoading" separatorColor="#f4f4f4" class="newsfeedView">
   <ListView.itemTemplate>
   <GridLayout class="gridView">
   </GridLayout>
   </ListView.itemTemplate>
</ListView>
<FAB:fab tap="fabTap"
                 row="1"
                 icon="res://ic_add_white"
                 rippleColor="#f1f1f1"
                 class="fab-button" /></GridLayout>

Nativescript应用程序尝试从错误的路径加载npm模块

0 个答案: