ページを更新すると、新しい Google ログイン オプションが表示されなくなります

Question

Google が提供するガイドラインに従って、新しい Google ログインを統合しました。 Googleが提供するコードジェネレーターを使用してHTMLを作成しました。

ここに完全なコードを添付します

リーリー

ページが初めてレンダリングされるときはうまく機能します。

Command R を使用してページを更新するか、ブラウザのリロード アイコンをクリックすると、ログイン ボタンが表示されなくなります。

Answer 1

ここで、JavaScript を使用してコンポーネントを作成し、ここに答えを追加しました。

私は app.d.ts で google をグローバル変数として宣言しました リーリー

ログイン ボタンの svelte コンポーネントを作成するために svelte ファイルを作成しました

リーリー

オンマウント

リーリー

このコードは、初期レンダリング、ハードリロード (コマンド シフト R)、およびリロード (コマンド R) で機能します。

Answer 2

SvelteKit を使用する場合、ハード リロードはサーバー側でレンダリングされます。コードがこれと互換性がないか、間違った順序で実行される可能性があります。

コンソールでエラーを確認し、クライアントで実行する必要があるコードを onMount に移動します。ssr ページ オプション # を使用することもできます。 ##最後の手段として、特定のページのサーバー側レンダリングをオフにします。