{
  "id": "nextjs/next-image-src-relative-path",
  "signature": "Error: Invalid src prop on `next/image`, relative paths are not supported for remote images",
  "signature_zh": "错误：`next/image` 的 src 属性无效，远程图像不支持相对路径",
  "regex": "Invalid src prop on `next/image`, relative paths are not supported for remote images",
  "domain": "nextjs",
  "category": "config_error",
  "subcategory": null,
  "root_cause": "The next/image component requires absolute URLs for remote images. Providing a relative path (e.g., '/images/photo.jpg') without a configured remotePatterns or loader causes this error, as Next.js cannot resolve the base URL for optimization.",
  "root_cause_type": "generic",
  "root_cause_zh": "next/image 组件要求远程图像使用绝对 URL。提供相对路径（例如 '/images/photo.jpg'）而没有配置 remotePatterns 或 loader 会导致此错误，因为 Next.js 无法解析优化所需的基 URL。",
  "versions": [
    {
      "version": "next@13.5.0",
      "introduced": null,
      "deprecated": null,
      "removed": null,
      "behavior_change": null,
      "status": "active"
    },
    {
      "version": "next@14.0.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 still resolves to a relative path on the server, not an absolute URL; the error persists.",
      "fail_rate": 0.8,
      "condition": "",
      "sources": []
    },
    {
      "action": "",
      "why_fails": "This disables optimization but doesn't fix the path resolution; the error still occurs.",
      "fail_rate": 0.9,
      "condition": "",
      "sources": []
    }
  ],
  "workarounds": [
    {
      "action": "Use an absolute URL by constructing it from the environment variable or request host.",
      "success_rate": 0.95,
      "how": "Use an absolute URL by constructing it from the environment variable or request host.",
      "condition": "",
      "sources": []
    },
    {
      "action": "Configure remotePatterns in next.config.js and use a relative path that matches the pattern.",
      "success_rate": 0.9,
      "how": "Configure remotePatterns in next.config.js and use a relative path that matches the pattern.",
      "condition": "",
      "sources": []
    }
  ],
  "workarounds_zh": [
    "通过环境变量或请求主机构造绝对 URL。",
    "在 next.config.js 中配置 remotePatterns，并使用匹配模式的相对路径。"
  ],
  "transition_graph": {
    "leads_to": [],
    "preceded_by": [],
    "frequently_confused_with": []
  },
  "official_doc_url": "https://nextjs.org/docs/app/api-reference/components/image#remotepatterns",
  "official_doc_section": null,
  "error_code": null,
  "verification_tier": "ai_generated",
  "confidence": 0.88,
  "fix_success_rate": 0.95,
  "resolvable": "true",
  "first_seen": "2023-11-01",
  "last_confirmed": "2024-06-01",
  "last_updated": "2024-06-01",
  "evidence_count": 1,
  "tags": [],
  "locale": "en",
  "aliases": []
}