Question 1

Next.jsでreact-tweetを使用しているサイトを読み込む際に「server error occurred」が表示されるのはなぜですか？

Accepted Answer

react-tweetライブラリの変更により、ツイートのレスポンスボディに必須フィールドが欠けているため、サーバーエラーが発生する可能性があります。この問題は https://github.com/vercel/react-tweet/issues/218 で追跡されています。修正するには、まずreact-tweetを最新バージョンに更新してください。エラーが続く場合は、一時的な回避策として、レンダリング前にツイートデータに__typename、lang、authorなどの不足フィールドを追加してパッチを適用します。必要な正確な形状についてはissueを確認してください。例えば、レスポンスに`__typename: 'Tweet'`と有効な`author`オブジェクトが含まれていることを確認します。

Question 2

get_goals を呼び出す際に発生する Rybbit MCP エラー -32602「Output validation error: Expected number, received string」の修正方法は？

Accepted Answer

これはクライアント設定の問題ではなく、サーバーサイドの型のバグです。Postgres の `count(*)` は bigint を返し、Drizzle はそれを文字列としてシリアライズしますが、`get_goals` の MCP 出力スキーマは `meta.total` を number として期待しているため、厳格な MCP クライアント(例:Cursor)はレスポンス全体を拒否します。

修正方法(セルフホスト環境の場合、`server/src/api/analytics/goals/getGoals.ts` 内):

```ts
const totalGoals = Number(totalGoalsResult[0]?.count ?? 0);
```

または SQL でキャストします:

```ts
.select({ count: sql<number>`count(*)::int` })
```

同じ `count(*)` → `meta.total` パターンを使用している他の analytics リストエンドポイントも確認してください。これらも同様に MCP バリデーションに失敗する可能性があります。

修正がデプロイされるまでの回避策:HTTP API `GET /api/sites/:site/goals` を直接呼び出して `Number()` で `meta.total` を数値に変換するか、影響を受けない生のイベントカウントツールに切り替えてください。

Question 3

なぜ Rybbit トラッキングは、data-site-id が数字のみを含む場合に 404 "Site not found" を返すのですか？

Accepted Answer

数字のみで構成される新しいテキスト形式のサイト `id` は、レガシーな数値の `siteId` として誤って分類されることがあり、その結果 `/api/site/tracking-config/...` および `/api/track` が 404 を返す可能性があります。回避策としては、ダッシュボードで生成された `data-site-id` を、サイトのメタデータに含まれるより小さいレガシーの数値 `siteId` に置き換えてから、ページを再読み込みしてください。恒久的な修正は、バックエンドがまず完全一致するテキストの `sites.id` を解決し、そのルックアップが失敗した場合にのみ `sites.siteId` にフォールバックすることです。

Question 4

Cloudflare Workers のプロキシガイドで、プロキシコードが空白または表示されていないのはなぜですか？

Accepted Answer

これは、ドキュメントの Tabs コンポーネントにおける SSR/hydration のバグでした。3 つの tabpanel 要素はレンダリングされていましたが、role="tablist" のタブトリガーが出力されませんでした。パネルは data-state="inactive" のままとなり、コードが非表示になってコンテナが折りたたまれていました。現在のドキュメントでは修正済みです。Ctrl+F5（macOS では Cmd+Shift+R）でページをハードリフレッシュするか、キャッシュされたサイトデータをクリアしてください。古い/ローカルのドキュメントビルドを表示している場合は、ドキュメントを更新して再ビルドしてください。一時的な回避策として、DevTools → Elements を開き、非表示の tabpanel 要素を見つけて、hidden/data-state="inactive" のスタイルを削除するか、display: block に設定すると、コードを表示してコピーできます。

Question 5

ユーザービューでタイムスタンプにカーソルを合わせると、テーブルの列のサイズが変わるのはなぜですか？

Accepted Answer

Chromeにおけるv2.6.0の既知のバグ。相対タイムスタンプ（例：「X分前」）にホバーすると、完全な日付を表示するために展開される際に、列の幅が再調整されます。これは次のリリースで修正される予定です。当面は、ホバーを避けるか、新しいバージョンが利用可能になったら更新してください。

Rybbit

主な機能

できないこと

使用例

タグ

はじめ方

類似プロジェクト