コンテンツにスキップ
Zenn Dev Snowcait Articles 62bbf4c46301db

SvelteKit v2 へのバージョンアップ

  • URL: https://zenn.dev/snowcait/articles/62bbf4c46301db
  • 日付: 2026-06-26
  • Tier: Tier 3
  • 要旨: SvelteKit v2 へのアップグレード手順を実際の移行作業をもとにまとめた記事。前提として Svelte 4 が必要で、SvelteKit 自体は npx svelte-migrate sveltekit-2 コマンドによる自動マイグレーションが用意されている。npm install 時に –legacy-peer-deps が必要になる場合があり、その後もう一度 npm install することで peer deps が安定するという実運用上の注意点が共有されている。

詳細

SvelteKit v2 移行の手順と注意点

  • 前提条件: Svelte 4 が必要。Svelte 3 以下からの場合は先に Svelte 4 へアップグレードする
  • 自動マイグレーション: npx svelte-migrate sveltekit-2 を実行(対象ディレクトリは基本 src のみ)
    • package.json とソースコードを自動変更してくれる
    • モノリポの場合は各プロジェクトルートで実行
  • 主な package.json の変更内容:
    • @sveltejs/adapter-auto: ^2 → ^3
    • @sveltejs/kit: ^1 → ^2
    • @sveltejs/vite-plugin-svelte: ^3 追加
    • vite: ^4 → ^5
    • vitest: ^0.34 → ^1
  • npm install の注意: –legacy-peer-deps オプションが必要になるケースあり。その後もう一度 npm install を実行すると差分が出るため、2回実行が推奨
  • 詳細な移行ガイド: 公式の “Migrating to SvelteKit v2” ページを参照