Vega Studioでのビルドに関する問題の修正

このページでは、VS CodeのVega Studioでアプリをビルドおよび実行する際に発生する可能性のあるよくある問題の解決方法を説明します。ここで特定の問題の解決策が見つからない場合は、開発者フォーラムに問題を投稿して追加のサポートを受けることができます。

ポートフォワーディングが「operation unsuccessful」エラーで失敗する

原因： このエラーは、シミュレーターが実行されていないときに発生します。

解決策：

1. [Kepler Studio] パネル > [Devices] に移動します。
2. 「VirtualDevice:Tv (Not running)」と表示されている場合は、[プロジェクト] セクションに移動し、プロジェクト名の横にある [再生] ボタンをクリックします。

VS CodeでWebViewをロードする際にエラーが発生する

VS Codeの使用中に、画面に次のメッセージが表示される場合があります。

コードをコピー クリップボードにコピーしました。

Error loading webview

原因： このエラーは、VS Codeの複数のインスタンスが開いている場合に発生します。

解決策： コマンドプロンプトでforce quit allを実行してすべてのインスタンスを終了し、VS Codeを再起動します。

新しいプロジェクトを作成するときにReact Native Tools拡張機能を有効化できない

新しいプロジェクトを作成するときに、次のエラーメッセージが表示されることがあります。

コードをコピー クリップボードにコピーしました。

[Error] Failed to activate the React Native Tools extension (error code 702)

原因： VS Codeワークスペースの設定の問題により、React Native Tools拡張機能が正しく読み込まれません。

解決策： VS Codeのツールバーからプロジェクトをワークスペースとして開き（[ファイル] > [ファイルでワークスペースを開く]）、新しいワークスペースとして保存します。

アプリを起動しようとしたときにReact Nativeパッケージャーが既に実行されている

アプリを起動しようとすると、次のエラーメッセージが表示されることがあります。

コードをコピー クリップボードにコピーしました。

Failed to execute command.React Native Packager is already running

原因： この問題は、ワークスペースに複数のプロジェクトがあり、いずれかのアプリが現在実行されている場合に発生します。

解決策： 別のアプリを起動する前にパッケージャーを停止してください。VS Codeのコマンドパレットで、「React Native: Stop Packager」を実行します。

間違ったプロジェクトを選択するとReact Native Toolsパッケージャーが応答しなくなる

複数のプロジェクトを実行していて、RNパッケージャーで誤って間違ったプロジェクト名を選択した場合、React Native: Stop Packagerコマンドが無効になります。

原因： React Native Tools拡張機能は、間違ったプロジェクトが選択されると、アクティブなパッケージャープロセスを追跡できなくなります。

解決策： VS Codeウィンドウを再読み込みします。コマンドパレット： 開発者： Reload Windowを使用します。

1. Ctrl+Shift+P（Linux）またはCmd+Shift+P（Mac）を押して、コマンドパレットを開きます。
2. 「Developer: Reload Window」と入力します。
3. VS Codeを再読み込みするコマンドを選択します。
4. プロジェクトのパッケージャーを再起動します。

テンプレートを選択してもプロジェクトテンプレートが表示されない

原因： Vega SDKの環境変数が、現在のVS Codeセッションに正しく読み込まれません。

解決策： Vega SDKのインストールディレクトリから環境ファイルを取得します。コマンドプロンプトで、codeを実行してVS Codeを開きます。

ポートの競合によりビルドまたは起動が失敗する

原因： 必要なポートを別のプロセスが使用しています。

解決策： ポートの競合を解消するには、別のポートを選択します。

高速リフレッシュ機能で、コードを変更してもアプリが更新されない

原因： ポートフォワーディング接続の問題により、高速リフレッシュがデバイスと通信できません。

解決策： 逆方向のポートフォワーディングの接続をリセットし、アプリを再起動します。

1. 現在のリストを確認します。

   コードをコピー クリップボードにコピーしました。

   kepler exec vda reverse —list
   

2. すべてのリストを削除します。

   コードをコピー クリップボードにコピーしました。

   kepler exec vda reverse —remove-all
   

3. アプリを再起動します。

行単位のデバッグが機能しない

原因： 開発者モードが正しく構成されていないか、デバッグホスト構成が欠落している可能性があります。

解決策： この問題を解決するには、開発者モードの構成とshared_preferences.jsonを確認します。Fire TV Stickでの開発者モードの構成を参照してください

カスタムポートで行単位のデバッグを有効にするには、shared_preferences.jsonファイルに次の構成を追加します。

コードをコピー クリップボードにコピーしました。

{
"debug_http_host": "localhost:<ポート>"
}

<ポート>は、使用するポートの実際のポート番号に置き換えてください。

関連トピック

• Vega Studioを使用したアプリのビルド

Last updated: 2025年10月8日