Comment importer un script javascript package à partir d'un cdn/balise de script à Réagir?
J'aimerais importer ce javascript paquet de Réagir
<script src="https://cdn.dwolla.com/1/dwolla.js"></script>
Cependant, il n'existe pas de package NPM, donc je ne peux pas l'importer en tant que tel:
import dwolla from 'dwolla'
ou
import dwolla from 'https://cdn.dwolla.com/1/dwolla.js'
donc whenver j'essaie
dwolla.configure(...)
Je reçois un message d'erreur indiquant que dwolla est pas défini. Comment puis-je résoudre ce problème?
Grâce
Il semble qu'il y est un fonctionnaire
Ce n'est pas avant la fin du module pour la vérification du compte si
Ah ok, mon erreur.
dwolla
mnp module. Vous pouvez la lire ici. Vous pouvez l'installer en faisant npm install dwolla-v2
.Ce n'est pas avant la fin du module pour la vérification du compte si
Ah ok, mon erreur.
OriginalL'auteur Jeremy Herzog | 2017-07-03
Vous devez vous connecter pour publier un commentaire.
Aller à la index.html fichier et importer le script
Ensuite, dans le fichier où dwolla est importé, définir une variable
OriginalL'auteur Jeremy Herzog
Vous ne pouvez pas exiger ou d'importer des modules à partir d'une URL.
ES6: module d'importation à partir de l'URL
Ce que vous pouvez faire est de faire une requête HTTP pour obtenir le script contenu & exécuter, comme dans la réponse de comment exiger à partir de l'URL dans Node.js
Mais ce serait une mauvaise solution, car votre compilation de code dépendra externe HTTP appel.
Une bonne solution serait de télécharger le fichier dans votre base de code et de les importer à partir de là.
Vous pourriez commettre le fichier git si le fichier ne change pas grand chose & sont autorisés à le faire. Sinon, une étape de génération peut télécharger le fichier.
OriginalL'auteur vsr
Cette question est d'obtenir plus âgés, mais j'ai trouvé une belle façon d'aborder cette question à l'aide de la
react-helmet
bibliothèque qui me semble plus idiomatiques à la façon de Réagir des œuvres. Je l'ai utilisé aujourd'hui pour résoudre un problème similaire à votre Dwolla question:L'utilisation de
this.state
moyens qui Réagissent automatiquement regarder la valeur de myExternalLib et mise à jour le DOM de manière appropriée.De crédit: https://github.com/nfl/react-helmet/issues/146#issuecomment-271552211
OriginalL'auteur Aaron Newton
Ajouter la balise script dans votre index.html et si vous utilisez Webpack, vous pouvez utiliser cette webpack plugin https://webpack.js.org/plugins/provide-plugin/
OriginalL'auteur UIguy89