Erfordert Modul unbekannt "crypto" im reagieren-native Umgebung

Den crypto Modul ist ein built-in-Knoten-Modul; React Native JS läuft auf JavaScriptCore (wenn auf dem Gerät oder simulator) und auf Google Chrome selbst (bei Verwendung von Chrome-debugging), also Module, die abhängig von built-in Node.js Module, die nicht funktionieren. Sehen die JavaScript-Laufzeit-Abschnitt Reagieren die Einheimischen docs für mehr info.

Ich bin mir nicht sicher, wie schwer es wäre die Integration in ein Reagieren Native app, aber browser-Modul bundlers wie Browserify haben oft browser-Versionen von core Node.js Module, wie diese für crypto.

Ich hatte das gleiche Problem bei der Umsetzung der Twilio-Paket in meinem Reagieren, Native app und Reagieren Nativen brechen über die crypto-Abhängigkeit.

Als eine Arbeit um, ich landete einen separaten, stand-alone Node/Express-app zu handeln, wie mein server und kümmern sich um die Twilio Logik, die ich hatte. So entfernte ich alle Twilio-Logik aus meiner Reagieren Nativen app und zog Sie zu Knoten. Ich habe dann gerade angerufen, mein Express-Strecke in Reagieren Nativen mithilfe von fetch, die Auslöser für die Funktionalität, die ich wollte zu passieren, mit Twilio. Wenn Sie nicht vertraut sind mit fetch ist hier ein guter Ausgangspunkt
Die Bereitstellung von AJAX-Aufrufe mittels Fetch in Reagieren Nativen

Zusätzlich, hier ist meine Frage an die crypto-Abhängigkeit bricht mir das app:

twilio-reagieren-native-nicht-zu-beheben-Modul-Krypto -

Wenn Sie rn-nodeify wie @emmby schlägt, dann können Sie reagieren-native-crypto. Anweisungen aus der README:

1. Installieren

   npm i --save react-native-crypto
   # install peer deps
   npm i --save react-native-randombytes
   react-native link react-native-randombytes
   # install latest rn-nodeify
   npm i --save-dev mvayngrib/rn-nodeify
   # install node core shims and recursively hack package.json files
   # in ./node_modules to add/update the "browser"/"react-native"
   # field with relevant mappings
   ./node_modules/.bin/rn-nodeify --hack --install

2. rn-nodeify erstellen einer shim.js im Projekt-root-Verzeichnis

   //index.ios.js or index.android.js
   //make sure you use `import` and not require!  
   import './shim.js'
   //...the rest of your code

Aber rn-nodeify sagt auch:

Wenn Sie auf der Suche für einen gesünderen Ansatz, check-out ReactNativify. Ich habe es noch nicht getestet-mich, aber ich denke, philikon werden glücklich sein zu helfen

Mit ReactNativify erstellen Sie eine rn-cli.config.js und dann in einem transformer.js Sie ließ Babel zu verwandeln bundle-Abhängigkeiten mit babel-plugin-rewrite-require:

//The following plugin will rewrite imports. Reimplementations of node
//libraries such as `assert`, `buffer`, etc. will be picked up
//automatically by the React Native packager.  All other built-in node
//libraries get rewritten to their browserify counterpart.

[require('babel-plugin-rewrite-require'), {
  aliases: {
    crypto: 'crypto-browserify',
    //...
  },
  throwForNonStringLiteral: true,
}]

(Hinweis: Sie können dies auch tun, ohne diese 2 js-Dateien direkt in .babelrc)

(Note2: Obwohl ReactNativify ist der sauberere Weg, es ist immer noch die me-Probleme mit der Verdrahtung crypto.getRandomValues für die Produktion-Einsatz in RN. Sehen diese Frage)