2017-01-13 49 views
0

我正在将一个Web应用程序移植到Android Studio中的React应用程序。我正在使用外部库(这一个:https://trackingjs.com/)。因为我对Android Studio和React相当陌生,所以我确信如何正确地做到这一点。在我的webapp中,我只是用脚本标签包含它。如何在Android Studio中的React本机项目中包含外部库?

我将库保存到我的项目文件夹中,与我的index.android.js文件位于同一目录中。我不希望以任何方式更改tracking.js中的代码。我不知道如何继续。这肯定是一个普遍的问题,但我找到一切有用的东西都很幸运。

+0

Tracking.js确实有一个节点包(“跟踪”)。 –

回答

1

基于@ liminal18的意见,这是什么工作对我来说,使用Tracking.js:在index.android.js

import { 
Tracking 
} from 'tracking'; 

这是

$ npm install tracking 

在命令行上,然后只是为了包含没有错误的库。由于Tracking.js是基于Web的,因此可能会有实际使用它的问题,但是通过上述方法解决了包含外部库的问题。

+1

可能希望包括 - 保存,所以npm知道哪个部分添加它。它工作吗?我可能会考虑使用它如果是的话, – liminal18

+0

是的,这工作,我仍然需要修改库,以便它与React本地更好地工作,因为跟踪是基于元素的,但是这是一个更少的障碍 –

+0

我真的很感动,你有这么多。只是放弃了移植rss提要的XML解析器,并决定使用一个服务,如果你确实移植了它,让我知道并确保发布这个包。 – liminal18

1

如果是从故宫,你可以做NPM安装的packageName --save,然后使用进口套餐“packages.js”

请千万记住反应母语不是很JavaScript和浏览器的一些特定功能换句话说就是不会换句话说,你使用的插件可能无法在原生答案中使用。

顺便说一句,除了启动模拟设备运行反应本地英寸没有必要的Android工作室。你应该能够反应原生run-android,并提供您正确设置模拟设备,它将启动包管理器并安装你的应用程序,然后刷新保存。你使用反应原生cli吗?

顺便说一句,在你的web应用程序中,你应该能够使用let tracking = require(“tracking.js”)或使用上面的导入样式来包含它。如果你这样做,它应该被连接到你的main.js文件,然后缩小,这可能会有所帮助。最好有一个下载比几个。

+0

我正在使用反应本机cli和Android Studio。我自己使用Android Studio时遇到了问题(尽管我想我将它用作荣耀的文本编辑器)。我认为我在项目设置中做了一些可怕的错误,因为每当我打开AS并编辑我的js文件时,它说它不是项目的一部分。每次我想测试代码时,我都必须用gradle文件重新同步代码,这看起来也不错。忘记iOS吧。我根本无法在Xcode中获得任何工作。基本上我只是忍受了一个n00bitis的重案。幸运的是,这只是一个侧面项目。 –

+1

React Native很难。有时候我只是在运行时安装新的npm库,所以我总是会看到红色的屏幕。需要一些时间。坚持教程等,无论如何它必须包括在要求或导入反应本地,所以看看你是否可以通过npm安装管理,然后需要。 – liminal18

+0

在文件夹结构中应该安装节点模块的位置?我尝试了顶层(理论上,ios和android都可以看到它),但我不确定这是否正确。 此外,我会在哪里找到(或创建)packages.js? –

相关问题