エラー処理とデバッグ
デバッグのヒント
TacoTranslate を統合して使用する際に問題が発生することがあります。重要なのは、エラーが発生した場合でも TacoTranslate のデフォルトの動作は単に元のテキストを表示するだけであるという点です。エラーがスローされたり、アプリケーションが壊れることはありません。
とはいえ、通常は問題は非常に簡単に解決できます。デバッグに役立ついくつかの有用なヒントを以下に示します:
コンソールログを確認する
エラー発生時に TacoTranslate はデバッグ情報を出力します。
ネットワークリクエストを確認する
リクエストを tacotranslate
でフィルタして、その出力を確認してください。
エラーオブジェクトの使用
TacoTranslate は useTacoTranslate
フックを通じてエラーオブジェクトを提供しており、これによりエラーの処理やデバッグが行いやすくなります。このオブジェクトには翻訳処理中に発生したエラーに関する情報が含まれており、アプリケーション内で適切に対応することができます。
import {useTacoTranslate, Translate} from 'tacotranslate/react';
function Page() {
const {error} = useTacoTranslate();
return (
<div>
{error ? <div>Error: {error.message}</div> : null}
<Translate string="Hello, world!" />
</div>
);
}