Svelte包缺失lifecycle路径报错，Context API使用异常

错误根源是错误地从Svelte的内部私有路径导入了setContext，这类内部路径不属于公开API范畴，不同版本或项目配置下可能不存在或结构不一致。

你的代码中存在问题的导入语句：

<script lang="ts">
    import { getContext } from 'svelte';
    // 错误的私有路径导入
    import { setContext } from 'svelte/types/runtime/internal/lifecycle';
    // ...其他代码
</script>

修复方法 #

将setContext改为从svelte包的公开API路径导入，和getContext保持一致：

<script lang="ts">
    // 正确：从svelte公开API同时导入两个方法
    import { getContext, setContext } from 'svelte';
    import HtmlGenerator from './generate_html';
    import type { Field } from './generate_html';
    import { UserContext } from '../../context';

    setContext('UserContext', UserContext);

    const { is_logged_in, user } = getContext('UserContext');
</script>

额外排查步骤（修复后仍有问题时） #

• 清理依赖缓存：删除node_modules文件夹和package-lock.json/yarn.lock，重新执行npm install或pnpm install
• 核对Svelte版本：确认当前项目的Svelte版本为稳定版（查看package.json中的svelte字段），避免版本差异导致的路径问题
• 检查Vite配置：确保sveltejs/vite-plugin-svelte插件配置正确，无错误的路径映射规则

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