Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

[2.0 rc.14 / next] SSR: async memo retries run under another concurrent render's context

已关闭
#3,972 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
52/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
活跃
领域
frontend

调研方向

The retry path is subscribePendingRetry → update → run in packages/solid/src/server/signals.ts; compare the captured ctx near lines 1257-1259 with run near lines 1314-1317, which restores the owner but not sharedConfig.context. Reproduce with the failing test in packages/web/test/server/repro-retry-render-context.spec.tsx (run under the server vitest config). Done when that test passes and the existing server suite still passes.

由索引模型根据 Issue 内容生成。

描述

Describe the bug

On the server, an async createMemo that throws NotReadyError is retried when its source settles (subscribePendingRetry → update → run). run restores the memo's owner, but not its render context. The retry, and everything it creates, runs under whichever render last set sharedConfig.context. Under concurrent requests, that is often another request's.

The memo already captures its render's ctx at creation for exactly this reason (packages/solid/src/server/signals.ts:1257-1259: "async re-computations … may run after a concurrent request has overwritten sharedConfig.context"). However, run (signals.ts:1314-1317) never reinstates it.

createSyncMemo has no retry of its own: it re-runs when a reader pulls it, so it inherits its reader's context. That makes it affected whenever its reader is an async memo's retry, and the same fix covers it. The outer memo of children() is one.

An ordinary layout is enough to trigger it: a slot resolved with children(), gated by <Show when={slot() !== undefined}>, whose content waits on data. The Show's when memo is not ready, so it is retried later. The retry resolves the slot, which creates the slot's content under the other request's context.

Impact in a real app. This isn't only a context mismatch: under concurrent requests it can lock up the server. In a Solid 2 SSR app with this layout shape (a page component resolving an optional slot with children(), gated by <Show when={slot() !== undefined}>, whose content waits on data), a cold dev server receiving 18 page loads, 6 at a time, sometimes stops responding. The process sits at 100% CPU and most loads time out (13 of 18 in one run). Pages that do render can fail to hydrate the slot's content (Hydration key miss).

Sampling the stuck process shows the mechanism. The slot content created under the other render gets the same owner id as that render's own memo, so the two share one hydration slot and its deferred. When one memo settles it, the other's reader keeps re-subscribing to the already-settled promise in microtasks, and the event loop never gets a turn.

With the diff below applied to dist/server{,.dev}.js, 10 of 10 runs completed cleanly. Without it, 3 of 10 runs locked up.

Your Example Website or App

Server test on next (a497d4b1), for packages/web/test/server/:

/** @jsxImportSource @solidjs/web */
import { expect, test } from "vitest";
import { renderToStream } from "@solidjs/web";
import { children, createMemo, sharedConfig, Show, type JSX } from "solid-js";

const render = (code: () => any) =>
  renderToStream(code).pipeTo(new WritableStream({ write() {} }));

const later = <T,>(value: T, ms: number) => new Promise<T>(r => setTimeout(() => r(value), ms));

// A layout with an optional side slot: resolved once with `children()`, and laid
// out differently when it is present.
function Layout(props: { side?: JSX.Element }) {
  const side = children(() => props.side);
  return (
    <Show when={side() !== undefined} fallback={<main />}>
      <aside>{side()}</aside>
      <main />
    </Show>
  );
}

test("a slot resolved by children() is created under its own render's context", async () => {
  const contexts: Record<string, unknown> = {};
  const seenBy: Record<string, unknown> = {};

  // Two requests rendering the same page; each page's slot waits on its own data.
  const page = (name: string, ms: number) =>
    render(() => {
      contexts[name] = sharedConfig.context;
      const data = createMemo(() => later(name, ms));
      return (
        <Layout
          side={
            <Show when={data()}>
              {(() => {
                seenBy[name] = sharedConfig.context;
                return name;
              })()}
            </Show>
          }
        />
      );
    });

  await Promise.all([page("A", 5), page("B", 10)]);

  expect(seenBy.A).toBe(contexts.A);
  expect(seenBy.B).toBe(contexts.B);
});
Steps to Reproduce the Bug or Issue

In packages/web, run pnpm exec vitest run --config vite.config.server.mjs test/server/repro-retry-render-context.spec.tsx.

Expected behavior

Each page's slot content is created under its own render's context. Instead, page A's is created under page B's, and the test fails.

Restoring the captured context in run makes the test pass, and the existing server suite still passes:

   const run = () => {
     resetOwnerForRerun(owner);
-    return runWithOwner(owner, () => runWithObserver(comp, () => comp.compute(comp.value)));
+    const prevCtx = sharedConfig.context;
+    sharedConfig.context = ctx;
+    try {
+      return runWithOwner(owner, () => runWithObserver(comp, () => comp.compute(comp.value)));
+    } finally {
+      sharedConfig.context = prevCtx;
+    }
   };
Platform
  • solid-js / @solidjs/web: next @ a497d4b1, and 2.0.0-rc.14
  • Node 24.20, macOS
主要语言
TypeScript
星标
36.1k
派生
1.1k
平均合并
11 小时 49 分钟
30 天内合并 PR
346

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

solidjs/solid 的其他 Issue

查看 solidjs/solid 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。