Mumble Web - 本地代码执行和演示应用程序的问题

我正在尝试使用 React JS 创建一个具有按键通话 (PTT) 功能的 Web 应用程序。我们将使用的技术之一是 Mumble。

此 https://github.com/Johni0702/mumble-web 存储库上的演示 https://voice.johni0702.de/?address=voice.johni0702.de&port=443/demo 工作正常。我尝试在本地计算机上运行存储库，但遇到了一些不同的错误。

安装错误

我在运行 Windows 操作系统和 Node JS v16 的本地计算机上使用 npm install 命令克隆并尝试在存储库的根文件夹中安装所有库，但出现以下错误。

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

然后我使用 NVM 将 Node JS 版本从 v16 切换到 v14。我尝试再次使用 npm install 命令安装存储库上的所有库，但随后出现另一个不同的错误。

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 ]

我尝试删除 package.json 文件中的 "prepare": "rm -rf dist && npm run build", 代码（第 45 行）。我不知道删除代码是否会对以后运行应用程序产生影响。我还在网上搜索并找到了这个答案https://stackoverflow.com/a/62744648/8339172来清除npm缓存，重新生成package-lock.json文件，并删除node_modules文件夹。我完成了所有这些，然后再次运行“npm install”命令。

这次没有错误。

运行时错误

继续上一节，我尝试通过运行 npm run watch 命令来运行存储库的根目录。我不知道这是否正确，因为我通常输入 npm start 命令在本地运行 React JS。我没有看到 package.json 文件上配置任何端口，因此我在浏览器上打开了 localhost:8080 地址。不幸的是，那里什么也没有。浏览器说这个网站无法访问。本地主机拒绝连接.

应用程序文件夹

继续上一节，我尝试通过双击 app 文件夹中的 index.html 文件来运行该文件。该应用程序似乎崩溃了，因为我看到浏览器控制台上出现错误，如下面的屏幕截图所示。这是错误消息：

Uncaught SyntaxError: Cannot use import statement outside a module (at index.js:1:1)

问题

我想了解如何在存储库 https://github.com/Johni0702/mumble 上创建演示 (https://voice.johni0702.de/?address=voice.johni0702.de&port=443/demo) -网络。我的问题是：

哪一个是演示应用程序的源代码？是来自存储库的根文件夹还是应用程序文件夹？
继续第一个问题，如何在本地安装演示应用所需的所有依赖项？
继续第一个问题和第二个问题，如何在本地运行演示应用？

环境

操作系统：Windows 11

节点：14.21.2、16.18.0和18.13.0（可切换）

P粉998920744235 天前371

Mumble Web - 本地代码执行和演示应用程序的问题

安装错误

运行时错误

应用程序文件夹

问题

环境

全部回复(1)我来回复