☰

SvelteKit: SSRを無効にする 質問する

tag-icon • tag-icon server-side-rendering svelte sveltekit
SvelteKit: SSRを無効にする 質問する

Svelte でアプリを作成し、それを SvelteKit に移植したいと考えました。私のアプリはwindowとdocumentオブジェクトを使用していますが、これらは SSR では使用できません。最初は がスローされましたReferenceError: window is not definedが、アプリがブラウザで実行されているかどうかを確認することで修正しました。しかし、そのせいでアプリは動作しません。

ベストアンサー1

以前の回答は、SvelteKit の変更により機能しなくなりました。詳細については PR を参照してください。https://github.com/sveltejs/kit/pull/6197また、ドキュメントもご覧ください:https://kit.svelte.dev/docs/ページオプション

基本的に、SSR はページ/レイアウト レベルごとに無効にするので、src/hooks.server.js ではなく (はい、hooks.js もクライアント側フックの追加によりクライアントとサーバーに分離されました)。

export function handle({ event, resolve }) {
  return resolve(event, { 
    ssr: false
  });

あなたは今

// src/routes/+layout.js
export const ssr = false;

上記の行を必ず入力してください+layout.js。+layout.svelte

おすすめ記事