{
  "id": "nextjs/suspense-boundary-missing-streaming",
  "signature": "Error: Missing Suspense boundary. The page uses streaming but no Suspense boundary wraps the async component.",
  "signature_zh": "错误：缺少 Suspense 边界。页面使用了流式渲染，但没有 Suspense 边界包裹异步组件。",
  "regex": "Error: Missing Suspense boundary\\. The page uses streaming but no Suspense boundary wraps the async component\\.",
  "domain": "nextjs",
  "category": "runtime_error",
  "subcategory": null,
  "root_cause": "An async server component that uses streaming (e.g., by awaiting a promise) is not wrapped in a Suspense boundary, causing Next.js to fail to render the fallback UI during streaming.",
  "root_cause_type": "generic",
  "root_cause_zh": "一个使用流式渲染的异步服务器组件（例如，通过等待一个 promise）没有被包裹在 Suspense 边界中，导致 Next.js 在流式渲染期间无法渲染回退 UI。",
  "versions": [
    {
      "version": "next@14.1.0",
      "introduced": null,
      "deprecated": null,
      "removed": null,
      "behavior_change": null,
      "status": "active"
    },
    {
      "version": "next@15.0.0",
      "introduced": null,
      "deprecated": null,
      "removed": null,
      "behavior_change": null,
      "status": "active"
    }
  ],
  "os_specific": {},
  "dead_ends": [
    {
      "action": "",
      "why_fails": "This converts the component to a client component, which cannot use async/await at the top level, causing a different error (async/await not supported in Client Components).",
      "fail_rate": 0.9,
      "condition": "",
      "sources": []
    },
    {
      "action": "",
      "why_fails": "This changes the data fetching pattern and may break server-side rendering benefits. It also requires converting to a client component, which may not be desired.",
      "fail_rate": 0.6,
      "condition": "",
      "sources": []
    }
  ],
  "workarounds": [
    {
      "action": "Wrap the async component in a Suspense boundary in the parent layout or page.",
      "success_rate": 0.95,
      "how": "Wrap the async component in a Suspense boundary in the parent layout or page.",
      "condition": "",
      "sources": []
    },
    {
      "action": "Use the loading.js file at the same route segment level to provide a default Suspense boundary.",
      "success_rate": 0.9,
      "how": "Use the loading.js file at the same route segment level to provide a default Suspense boundary.",
      "condition": "",
      "sources": []
    }
  ],
  "workarounds_zh": [
    "Wrap the async component in a Suspense boundary in the parent layout or page.",
    "Use the loading.js file at the same route segment level to provide a default Suspense boundary."
  ],
  "transition_graph": {
    "leads_to": [],
    "preceded_by": [],
    "frequently_confused_with": []
  },
  "official_doc_url": "https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming",
  "official_doc_section": null,
  "error_code": null,
  "verification_tier": "ai_generated",
  "confidence": 0.87,
  "fix_success_rate": 0.93,
  "resolvable": "true",
  "first_seen": "2024-01-15",
  "last_confirmed": "2024-06-01",
  "last_updated": "2024-06-01",
  "evidence_count": 1,
  "tags": [],
  "locale": "en",
  "aliases": []
}