エラー処理とデバッグ
デバッグのヒント
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>
);
}