J'essaie de créer une application Web avec la fonctionnalité push-to-talk (PTT) à l'aide de React JS. L'une des technologies que nous utiliserons est Mumble.
La démo https://voice.johni0702.de/?address=voice.johni0702.de&port=443/demo sur ce référentiel https://github.com/Johni0702/mumble-web fonctionne bien. J'ai essayé d'exécuter le référentiel sur ma machine locale mais j'ai eu quelques erreurs différentes.
J'ai cloné à l'aide de la commande npm install sur ma machine locale exécutant le système d'exploitation Windows et Node JS v16 et j'ai essayé d'installer toutes les bibliothèques dans le dossier racine du référentiel, mais j'ai obtenu l'erreur suivante.
verbose stack Error: command failed verbose stack at ChildProcess.<anonymous> (C:\Users\LENOVO\AppData\Roaming\nvm\v16.18.0\node_modules\npm\node_modules\@npmcli\promise-spawn\lib\index.js:63:27) verbose stack at ChildProcess.emit (node:events:513:28) verbose stack at maybeClose (node:internal/child_process:1100:16) verbose stack at Process.ChildProcess._handle.onexit (node:internal/child_process:304:5) verbose pkgid [email protected] verbose cwd C:\Users\LENOVO\AppData\Local\npm-cache\_cacache\tmp\git-cloneZtPlJ2 verbose Windows_NT 10.0.22621 verbose node v16.18.0 verbose npm v8.19.2 error code 1 error path C:\Users\LENOVO\AppData\Local\npm-cache\_cacache\tmp\git-cloneZtPlJ2 error command failed error command C:\WINDOWS\system32\cmd.exe /d /s /c npm run compile verbose exit 1 timing npm Completed in 8638ms verbose code 1
Ensuite, j'ai utilisé NVM pour faire passer la version de Node JS de la v16 à la v14.
J'ai essayé d'installer à nouveau toutes les bibliothèques du référentiel à l'aide de la commande npm install, mais j'ai ensuite eu une autre erreur différente.
verbose stack Error: [email protected] prepare: `rm -rf dist && npm run build` verbose stack Exit status 1 verbose stack at EventEmitter.<anonymous> (C:\Users\LENOVO\AppData\Roaming\nvm\v14.21.2\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16) verbose stack at EventEmitter.emit (events.js:400:28) verbose stack at ChildProcess.<anonymous> (C:\Users\LENOVO\AppData\Roaming\nvm\v14.21.2\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14) verbose stack at ChildProcess.emit (events.js:400:28) verbose stack at maybeClose (internal/child_process.js:1088:16) verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:296:5) verbose pkgid [email protected] verbose cwd D:\A.ing\Works\Others\Lacak-and-Valid\Exercises\React-Js\mumble-web-2 verbose Windows_NT 10.0.22621 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "i" verbose node v14.21.2 verbose npm v6.14.17 error code ELIFECYCLE error errno 1 error [email protected] prepare: `rm -rf dist && npm run build` error Exit status 1 error Failed at the [email protected] prepare script. error This is probably not a problem with npm. There is likely additional logging output above. verbose exit [ 1, true ]
J'ai essayé de supprimer le code "prepare": "rm -rf dist && npm run build", (ligne 45) dans le fichier package.json.
Je ne sais pas si la suppression du code aura un impact sur l'exécution de l'application à l'avenir.
J'ai également cherché en ligne et trouvé cette réponse https://stackoverflow.com/a/62744648/8339172 pour vider le cache npm, régénérer le fichier package-lock.json et supprimer le dossier node_modules.
J'ai fait tout cela, puis j'ai réexécuté la commande "npm install".
Aucune erreur cette fois.
Dans la continuité de la section précédente, j'ai essayé d'exécuter la racine du référentiel en exécutant la commande npm run watch.
Je ne sais pas si c'est correct car je saisis habituellement la commande npm start pour exécuter React JS localement.
Je n'ai vu aucun port configuré sur le fichier package.json, j'ai donc ouvert l'adresse localhost:8080 sur mon navigateur.
Malheureusement, il n'y a rien là-bas. Le navigateur dit 这个网站无法访问。本地主机拒绝连接.
Dans la continuité de la section précédente, j'ai essayé d'exécuter le fichier index.html en double-cliquant dessus dans le dossier app.
L'application semble planter car je vois une erreur sur la console du navigateur, comme indiqué dans la capture d'écran ci-dessous.
Voici le message d'erreur :
Uncaught SyntaxError: Cannot use import statement outside a module (at index.js:1:1)
J'aimerais apprendre à créer une démo sur le référentiel https://github.com/Johni0702/mumble (https://voice.johni0702.de/?address=voice.johni0702.de&port=443/demo) - la toile. Ma question est :
Système d'exploitation : Windows 11
Nœuds : 14.21.2, 16.18.0 et 18.13.0 (commutables)
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Enfin, je peux exécuter l'application sur mon ordinateur (niveau racine).
Dans la section des erreurs d'installation, nous pouvons voir cette commande d'erreur
verbose stack Error: m<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ec99818e8089c19b898eacdcc2d9c2dd">[ email protected]</a> 准备：`rm -rf dist && npm run build`当基于 Windows 的计算机尝试运行基于 Unix 的命令时发生。 Windows 计算机上没有rm.J'ai donc essayé d'installer WSL sur une machine Windows https://techcommunity.microsoft.com/t5/windows-11/how-to-install-the-linux-windows-subsystem-in-windows-11/td-p /2701207.
Après avoir eu du mal à installer WSL, je peux exécuter la commande
npm installsur l'application sans message d'erreur.Mais je ne sais pas comment exécuter l'application. Heureusement, nous avons trouvé un autre référentiel similaire qui contient le script
. En utilisantstartstart脚本 https://github.com/Theofilos -Chamalis/mumble-web。使用npm install和npm starthttps://github.com/Theofilos -Chamalis/mumble-webet
https://github.com/Johni0702/mumble-web 🎜, mais je pense que c'est le cas. Une autre question à cette question. 🎜npm start, je peux enfin exécuter l'implémentation mumble de l'application frontend. REMARQUE : L'application Web de https://github.com/Theofilos-Chamalis/mumble n'est pas aussi mise à jour que