升级Svelte后出现config.kit.methodOverride错误及npm命令失效问题

1. 替换旧版脚本命令 #

你的package.json仍在使用SvelteKit旧分支的命令，正式版已改用vite相关命令，需更新scripts字段：

"scripts": {
    "dev": "vite dev",
    "build": "vite build",
    "preview": "vite preview",
    "package": "svelte-kit package",
    "prepare": "svelte-kit sync",
    "check": "svelte-check --tsconfig ./tsconfig.json",
    "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
    "lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
    "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
}

2. 删除废弃配置项 #

错误Unexpected option config.kit.methodOverride来自svelte.config.js中已被移除的旧配置，打开该文件删除以下类似代码：

kit: {
  // ...其他配置
  methodOverride: true // 或相关methodOverride配置
}

3. 更新依赖到正式版 #

当前依赖仍使用next预发布标签，需升级到SvelteKit正式版：

npm install @sveltejs/kit@latest @sveltejs/adapter-auto@latest

同时升级Svelte核心包到兼容版本：

npm install svelte@latest

4. 重新安装依赖验证 #

删除旧依赖文件后重新安装：

rm -rf node_modules package-lock.json
npm install

执行npm run dev即可启动开发服务器。

内容的提问来源于stack exchange，提问作者OHello