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.

Erreur d'installation

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.

Erreur d'exécution

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 这个网站无法访问。本地主机拒绝连接.

Dossier de candidature

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)

Question

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 :

1. Quel est le code source de l'application de démonstration ? S'agit-il du dossier racine du référentiel ou du dossier de l'application ?
2. Pour continuer avec la première question, comment puis-je installer localement toutes les dépendances requises pour l'application de démonstration ?
3. En continuant avec les première et deuxième questions, comment exécuter l'application de démonstration localement ?

Environnement

Système d'exploitation : Windows 11

Nœuds : 14.21.2, 16.18.0 et 18.13.0 (commutables)