全新安装SvelteKit报Function called outside component initialization错误

Function called outside component initialization报错的核心触发逻辑是Svelte的上下文API（setContext/getContext等）在组件初始化生命周期外被调用。全新未修改的脚手架项目出现该问题，和Vite构建工具本身无直接关联，本质是依赖冲突导致项目加载了多份Svelte运行时实例，常见诱因有两类：

• 依赖安装时拉取的@sveltejs/kit next分支版本，和项目中声明的svelte版本存在兼容性问题
• 包管理器依赖提升逻辑异常，导致Svelte内部模块与项目根目录的svelte包被重复加载

按优先级依次执行以下操作：

1. 清理本地依赖环境：彻底删除项目下的node_modules目录，以及对应包管理器的锁文件（npm对应package-lock.json、yarn对应yarn.lock、pnpm对应pnpm-lock.yaml）
2. 调整package.json依赖版本，避免拉取不兼容的预发布版本：
   将devDependencies中浮动版本、next标签的依赖替换为Svelte 3.x兼容的稳定版本，参考配置如下：

   "devDependencies": {
       "@sveltejs/adapter-auto": "1.0.0-next.64",
       "@sveltejs/kit": "1.0.0-next.405",
       "svelte": "~3.49.0",
       "vite": "^2.9.13"
   }
   

3. 修改vite.config.js配置，强制全局仅加载一份Svelte运行时，从根源规避多实例冲突：

   import { sveltekit } from '@sveltejs/kit/vite';
   
   /** @type {import('vite').UserConfig} */
   const config = {
       plugins: [sveltekit()],
       resolve: {
           dedupe: ['svelte']
       }
   };
   
   export default config;
   

4. 若使用pnpm作为包管理器，需额外在项目根目录新建.npmrc文件，添加如下配置避免严格依赖隔离导致的多实例问题：

   shamefully-hoist=true
   

5. 重新执行npm install安装依赖，完成后运行npm run dev启动开发服务，访问对应端口即可正常加载页面。

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