84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Google が提供するガイドラインに従って、新しい Google ログインを統合しました。 Googleが提供するコードジェネレーターを使用してHTMLを作成しました。
ここに完全なコードを添付します
ページが初めてレンダリングされるときはうまく機能します。
Command R を使用してページを更新するか、ブラウザのリロード アイコンをクリックすると、ログイン ボタンが表示されなくなります。
を使用してページを更新するか、ブラウザのリロード アイコンをクリックすると、
ここで、JavaScript を使用してコンポーネントを作成し、ここに答えを追加しました。
私は app.d.ts で google をグローバル変数として宣言しました リーリー
app.d.ts
リーリー
SvelteKit を使用する場合、ハード リロードはサーバー側でレンダリングされます。コードがこれと互換性がないか、間違った順序で実行される可能性があります。
コンソールでエラーを確認し、クライアントで実行する必要があるコードを onMount に移動します。ssr ページ オプション # を使用することもできます。 ##最後の手段として、特定のページのサーバー側レンダリングをオフにします。
onMount
ssr
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ここで、JavaScript を使用してコンポーネントを作成し、ここに答えを追加しました。
私は
ログイン ボタンの svelte コンポーネントを作成するために svelte ファイルを作成しましたapp.d.tsで google をグローバル変数として宣言しました リーリーリーリー
オンマウントリーリー
このコードは、初期レンダリング、ハードリロード (コマンド シフト R)、およびリロード (コマンド R) で機能します。SvelteKit を使用する場合、ハード リロードはサーバー側でレンダリングされます。コードがこれと互換性がないか、間違った順序で実行される可能性があります。
コンソールでエラーを確認し、クライアントで実行する必要があるコードを
onMountに移動します。ssrページ オプション # を使用することもできます。 ##最後の手段として、特定のページのサーバー側レンダリングをオフにします。