Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/199.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Android Studio中的React本机项目中包含外部库?_Javascript_Android_Android Studio_React Native - Fatal编程技术网

Javascript 如何在Android Studio中的React本机项目中包含外部库?

Javascript 如何在Android Studio中的React本机项目中包含外部库?,javascript,android,android-studio,react-native,Javascript,Android,Android Studio,React Native,我正在将一个web应用程序移植到Android Studio中的React应用程序。我正在使用一个外部库(这个:)。由于我对安卓工作室还比较陌生,所以我知道如何正确操作。在我的webapp中,我只是在其中添加了一个脚本标记 我已将库保存到我的项目文件夹中,与index.android.js文件位于同一目录中。我不希望以任何方式修改tracking.js中的代码。我不知道如何进行。这一定是一个常见的问题,但我几乎没找到任何有效的方法。如果npm提供了它,您可以执行npm安装packageName-

我正在将一个web应用程序移植到Android Studio中的React应用程序。我正在使用一个外部库(这个:)。由于我对安卓工作室还比较陌生,所以我知道如何正确操作。在我的webapp中,我只是在其中添加了一个脚本标记


我已将库保存到我的项目文件夹中,与index.android.js文件位于同一目录中。我不希望以任何方式修改tracking.js中的代码。我不知道如何进行。这一定是一个常见的问题,但我几乎没找到任何有效的方法。

如果npm提供了它,您可以执行npm安装packageName--保存并使用“packages.js”中的导入包

请记住react-native不完全是javascript,某些特定于浏览器的功能无法传输,换句话说,您使用的插件可能无法在react-native中工作

顺便说一句,除了启动模拟设备在中运行react native之外,不需要android studio。您应该能够响应本机运行的android,如果您正确设置模拟设备,它将启动软件包管理器并在其上安装应用程序,然后在保存时刷新。您正在使用react native cli吗


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

根据@liminal18的评论,这是我使用Tracking.js的工作原理:

$ npm install tracking
在命令行上,然后在index.android.js中

import {
Tracking
} from 'tracking';

这只是为了将库包含在内而没有错误。由于Tracking.js是基于web的,因此实际使用它可能会有问题,但执行上述操作解决了包含外部库的问题。

我同时使用react native cli和Android Studio。我在单独使用Android Studio时遇到了问题(尽管我想我是将其用作美化的文本编辑器)。我认为我在项目设置中犯了一些可怕的错误,因为每次我打开as并编辑我的js文件时,它都会说它不是项目的一部分。每次我想测试代码时,我都必须将代码与gradle文件重新同步,这似乎也不正确。忘了iOS吧。我根本无法在Xcode中使用任何东西。基本上我只是患了严重的鼻窦炎。幸运的是,这只是一个附带项目,很难做出反应。我总是会看到红色屏幕,有时只是因为在运行时安装了新的npm LIB。需要一些时间。坚持使用教程等。无论如何,它必须包含在react native中的require或import中,因此,请查看您是否可以通过npm安装和require进行管理。是的,尝试从pm安装已知的react native软件包,并包含react native material软件包很好。然后导入或要求其中任何一个工作。这至少可以告诉您如何导入软件包。Npm安装packageName-保存或添加packageName(如果您使用Thread)。顺便说一句,react-native链接用于以java、objective-c或swift编写的链接库,用于react-native项目。对于javascript npm包,只需安装它,然后在react原生javascript领域中重新编译它就足够了。tracking.js确实有一个节点包(“跟踪”)。可能需要包括--save,以便npm知道将它添加到哪个部分。它起作用了吗?我可能会考虑使用它。由于跟踪是基于元素的,所以我仍然需要修改库,以便它能够更好地与React native一起工作。但这少了一个障碍。你走了这么远,我真的很感动。我只是放弃了为rss提要移植xml解析器,决定使用一个服务,如果您要移植它,请告诉我,并确保发布包。