Mumble Web - ローカル コード実行とデモ アプリケーションの問題
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) ) - ウェブ。私の質問は:
デモ アプリケーションのソース コードはどれですか?リポジトリのルート フォルダーからのものですか、それともアプリケーション フォルダーからのものですか?
最初の質問の続きですが、デモ アプリケーションに必要なすべての依存関係をローカルにインストールするにはどうすればよいですか?
- 最初と 2 番目の質問の続きですが、デモ アプリケーションをローカルで実行するにはどうすればよいですか?
- ＃＃＃環境＃＃＃ オペレーティング システム: Windows 11 ノード: 14.21.2、16.18.0、および 18.13.0 (切り替え可能)
