如何在Android Studio中的React本機項目中包含外部庫？

我正在將一個Web應用程序移植到Android Studio中的React應用程序。我正在使用外部庫（這一個：https://trackingjs.com/）。因爲我對Android Studio和React相當陌生，所以我確信如何正確地做到這一點。在我的webapp中，我只是用腳本標籤包含它。如何在Android Studio中的React本機項目中包含外部庫？

我將庫保存到我的項目文件夾中，與我的index.android.js文件位於同一目錄中。我不希望以任何方式更改tracking.js中的代碼。我不知道如何繼續。這肯定是一個普遍的問題，但我找到一切有用的東西都很幸運。

來源

2017-01-13 Katharine Osborne

Tracking.js確實有一個節點包（「跟蹤」）。 –

基於@ liminal18的意見，這是什麼工作對我來說，使用Tracking.js：在index.android.js

import { 
Tracking 
} from 'tracking';

這是

$ npm install tracking

在命令行上，然後只是爲了包含沒有錯誤的庫。由於Tracking.js是基於Web的，因此可能會有實際使用它的問題，但是通過上述方法解決了包含外部庫的問題。

來源

2017-01-16 12:15:02

可能希望包括 - 保存，所以npm知道哪個部分添加它。它工作嗎？我可能會考慮使用它如果是的話， – liminal18

是的，這工作，我仍然需要修改庫，以便它與React本地更好地工作，因爲跟蹤是基於元素的，但是這是一個更少的障礙 –

我真的很感動，你有這麼多。只是放棄了移植rss提要的XML解析器，並決定使用一個服務，如果你確實移植了它，讓我知道並確保發佈這個包。 – liminal18

如果是從故宮，你可以做NPM安裝的packageName --save，然後使用進口套餐「packages.js」

請千萬記住反應母語不是很JavaScript和瀏覽器的一些特定功能換句話說就是不會換句話說，你使用的插件可能無法在原生答案中使用。

順便說一句，除了啓動模擬設備運行反應本地英寸沒有必要的Android工作室。你應該能夠反應原生run-android，並提供您正確設置模擬設備，它將啓動包管理器並安裝你的應用程序，然後刷新保存。你使用反應原生cli嗎？

順便說一句，在你的web應用程序中，你應該能夠使用let tracking = require（「tracking.js」）或使用上面的導入樣式來包含它。如果你這樣做，它應該被連接到你的main.js文件，然後縮小，這可能會有所幫助。最好有一個下載比幾個。

來源

2017-01-13 14:25:30 liminal18

我正在使用反應本機cli和Android Studio。我自己使用Android Studio時遇到了問題（儘管我想我將它用作榮耀的文本編輯器）。我認爲我在項目設置中做了一些可怕的錯誤，因爲每當我打開AS並編輯我的js文件時，它說它不是項目的一部分。每次我想測試代碼時，我都必須用gradle文件重新同步代碼，這看起來也不錯。忘記iOS吧。我根本無法在Xcode中獲得任何工作。基本上我只是忍受了一個n00bitis的重案。幸運的是，這只是一個側面項目。 –

React Native很難。有時候我只是在運行時安裝新的npm庫，所以我總是會看到紅色的屏幕。需要一些時間。堅持教程等，無論如何它必須包括在要求或導入反應本地，所以看看你是否可以通過npm安裝管理，然後需要。 – liminal18

在文件夾結構中應該安裝節點模塊的位置？我嘗試了頂層（理論上，ios和android都可以看到它），但我不確定這是否正確。此外，我會在哪裏找到（或創建）packages.js？ –

如何在Android Studio中的React本機項目中包含外部庫？

回答

相關問題