J'ai un Paquet NPM ReactJS , et je veux y inclure Dans le fichier HTML, j'ai obtenu les fichiers groupés ici mais Je suis confronté à un problème que p> exige code> n'est pas une fonction, car je ne suis pas dans un projet NodeJS. Je ne peux donc pas importer d'autres dépendances, quelqu'un peut-il m'aider davantage?
<!DOCTYPE html>
<html>
<head>
<title>Parcel Sandbox</title>
<meta charset="UTF-8" />
<link href="https://unpkg.com/react-multiple-selector@1.0.7/dist/styles.css">
</head>
<body>
Name:
<div id="app"></div>
<script>
var exports = {};
</script>
<script
crossorigin
src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script
crossorigin
src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"
></script>
<script src="https://unpkg.com/react-multiple-selector@1.0.7/dist/index.js"></script>
<script src="https://unpkg.com/react-multiple-selector@1.0.7/dist/ListItem.js"></script>
<script src="https://unpkg.com/react-multiple-selector@1.0.7/dist/data.js"></script>
<script src="https://gist.githubusercontent.com/gaearon/0b180827c190fe4fd98b4c7f570ea4a8/raw/b9157ce933c79a4559d2aa9ff3372668cce48de7/LikeButton.js"></script>
</body>
</html>
3 Réponses :
Si vous souhaitez créer une application simple ReactJS, vous pouvez utiliser UMD et un exemple est disponible à partir du site Web de réact lui-même - ici
Cependant, tous les modules ne sont pas conçus pour la prise en charge de ReactJS UMD, et vous devrez utiliser réagir dans une mode groupée. Lire l'officiel Documentation et Plus . React-Multiple-sélecteur semble ne pas prendre en charge UMD.
La console d'inspecteur montre que l'erreur provient de Lors de la recherche d'une option pour https://unpkg.com/react-multiple-selector@1.0.7/dist/index.js et https: // impkg.com/react-multiple-selector@1.0.7/dist/listitem.jsleight/Code>
exiger dans un navigateur, je suis tombé sur ce Donc . Cependant, sachez que vous essayez de pirater votre chemin pour le faire et n'est qu'un piratage non une solution.
sous sa forme actuelle, le package est toujours un package NPM: vous devez l'installer localement avec ses dépendances par des pairs, puis la construire à l'aide d'un outil de construction comme WebPack ou colis ou (colis est de loin le plus facile).
pour le construire à l'aide de colis, procédez comme suit Créez un dossier, allez à l'intérieur de celui-ci et ouvrez un terminal et exécutez les commandes suivantes P>
<!DOCTYPE html>
<html>
<head>
<title>Parcel Sandbox</title>
<meta charset="UTF-8" />
<link href="https://unpkg.com/react-multiple-selector@1.0.7/dist/styles.css">
</head>
<body>
Name:
<div id="app"></div>
<script src="../index.js"></script>
</body>
</html>
Avez-vous envisagé de créer un projet de réact d'utiliser le paquet NPM au lieu de tout garder dans un seul fichier HTML?