Mumble Web - 로컬 코드 실행 및 데모 애플리케이션 관련 문제

Question

React JS를 사용하여 PTT(Push-to-Talk) 기능이 포함된 웹 애플리케이션을 만들려고 합니다. 우리가 사용할 기술 중 하나는 Mumble입니다.

https://github.com/Johni0702/mumble-web 저장소의 데모 https://voice.johni0702.de/?address=voice.johni0702.de&port=443/demo가 잘 작동합니다. 내 로컬 컴퓨터에서 저장소를 실행하려고 시도했지만 몇 가지 다른 오류가 발생했습니다.

설치 오류

Windows OS 및 Node JS v16을 실행하는 로컬 컴퓨터에서 npm install 명령을 사용하여 복제하고 저장소의 루트 폴더에 모든 라이브러리를 설치하려고 시도했지만 다음 오류가 발생했습니다.

으아아아

그런 다음 NVM을 사용하여 Node JS 버전을 v16에서 v14로 전환했습니다. npm install 명령을 다시 사용하여 저장소에 모든 라이브러리를 설치하려고 시도했지만 또 다른 오류가 발생했습니다.

으아아아

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 명령을 실행하여 저장소의 루트를 실행해 보았습니다. 저는 보통 로컬에서 React JS를 실행하기 위해 npm start 명령어를 입력하기 때문에 이것이 맞는지는 잘 모르겠습니다. package.json 파일에 구성된 포트가 없어서 브라우저에서 localhost:8080 주소를 열었습니다. 불행히도 거기에는 아무것도 없습니다. 브라우저는 这个网站无法访问。本地主机拒绝连接.

라고 말합니다.

응용 프로그램 폴더

이전에 이어 app 폴더에 있는 index.html 파일을 더블클릭하여 실행해보았습니다. 아래 스크린샷과 같이 브라우저 콘솔에 오류가 표시되면서 앱이 충돌하는 것 같습니다. 오류 메시지는 다음과 같습니다:

으아아아

질문

저장소 https://github.com/Johni0702/mumble (https://voice.johni0702.de/?address=voice.johni0702.de&port=443/demo)에서 데모를 만드는 방법을 배우고 싶습니다 - 편물. 내 질문은:

1. 데모 애플리케이션의 소스코드는 무엇인가요? 저장소의 루트 폴더에 있습니까, 아니면 응용 프로그램 폴더에 있습니까?
2. 첫 번째 질문으로 계속해서 데모 앱에 필요한 모든 종속성을 로컬로 설치하려면 어떻게 해야 합니까?
3. 첫 번째와 두 번째 질문에 이어, 데모 애플리케이션을 로컬에서 실행하는 방법은 무엇입니까?

환경

운영 체제: Windows 11

노드: 14.21.2, 16.18.0 및 18.13.0(전환 가능)

Answer 1

마지막으로 내 컴퓨터(루트 수준)에서 애플리케이션을 실행할 수 있습니다.

설치 오류 섹션에서 이 오류 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 명령을 볼 수 있습니다.

그래서 Windows 컴퓨터에 WSL을 설치하려고 했습니다. https://techcommunity.microsoft.com/t5/windows-11/how-to-install-the-linux-windows-subsystem-in-windows-11/td-p /2701207.

WSL을 설치하는 데 어려움을 겪은 후 오류 메시지 없이 애플리케이션에서 npm install 명령을 실행할 수 있습니다.

그런데 앱을 어떻게 실행하는지 모르겠어요. 운 좋게도 start 스크립트 start 脚本 https://github.com/Theofilos -Chamalis/mumble-web。使用 npm install 和 npm starthttps://github.com/Theofilos -Chamalis/mumble-web

가 포함된 또 다른 유사한 저장소를 찾았습니다.

및 npm start를 사용하면 마침내 프런트엔드 애플리케이션의 mumble 구현을 실행할 수 있습니다. 참고: https://github.com/Theofilos-Chamalis/mumble의 app-web 은

https://github.com/Johni0702/mumble-web 🎜만큼 업데이트되지 않았지만 제 생각에는 업데이트된 것 같습니다. 이 질문에 대한 또 다른 질문입니다. 🎜