Mumble Web - ローカル コード実行とデモ アプリケーションの問題

Question

React JS を使用して、プッシュ トゥ トーク (PTT) 機能を備えた Web アプリケーションを作成しようとしています。 私たちが使用するテクノロジーの 1 つは 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

コマンドを実行してリポジトリのルートを実行してみました。 私は通常、npm start コマンドを入力して React JS をローカルで実行するため、これが正しいかどうかはわかりません。 package.json ファイルに構成されたポートが見つからなかったので、ブラウザで localhost:8080 アドレスを開きました。 残念ながら、そこには何もありません。ブラウザに「この Web サイトにアクセスできません」と表示されます。ローカルホストによって接続が拒否されました。 アプリケーションフォルダー

前のセクションに引き続き、

app

フォルダー内のindex.html ファイルをダブルクリックして実行してみました。 以下のスクリーンショットに示すように、ブラウザー コンソールにエラーが表示され、アプリがクラッシュしているようです。 これはエラー メッセージです: リーリー ＃＃＃質問＃＃＃ リポジトリでデモを作成する方法を学びたいです https://github.com/Johni0702/mumble (https://voice.johni0702.de/?address=voice.johni0702.de&port=443/demo) ) - ウェブ。私の質問は:

デモ アプリケーションのソース コードはどれですか?リポジトリのルート フォルダーからのものですか、それともアプリケーション フォルダーからのものですか?

最初の質問の続きですが、デモ アプリケーションに必要なすべての依存関係をローカルにインストールするにはどうすればよいですか?

1. 最初と 2 番目の質問の続きですが、デモ アプリケーションをローカルで実行するにはどうすればよいですか?
2. ＃＃＃環境＃＃＃
オペレーティング システム: 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 スクリプト https://github.com/Theofilos -Chamalis/mumble-web を含む別の同様のリポジトリが見つかりました。 npm install と npm start を使用して、最終的にフロントエンド アプリケーションのマンブル実装を実行できます。

注: https://github.com/Theofilos-Chamalis/mumble のアプリ Web は、https://github.com/Johni0702/mumble-web ほど更新されていません。 1 つですが、それがこの質問の別の問題だと思います。