From c96a630d1b5720d6dbad34fb0ef87742056e568b Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Fri, 15 May 2026 00:35:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=A6=E6=88=B7=E9=A1=B5=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=9C=AC=E5=9C=B0=E9=94=99=E8=AF=AF=E8=BE=B9=E7=95=8C=EF=BC=8C?=
 =?UTF-8?q?=E6=94=AF=E4=BB=98=E5=B4=A9=E6=BA=83=E6=97=B6=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E9=92=B1=E5=8C=85=E5=86=B2=E7=AA=81=E6=8E=92=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

    用户反馈点击"立即订阅并激活服务"后页面崩溃。
    新增 account/error.tsx 本地错误边界，支付流程出错时提示：
    - 常见原因：多钱包插件冲突（MetaMask + Rabby 同时开启）
    - 建议操作：关闭其他钱包插件后刷新重试

    Error boundary is scoped to /account route only, won't affect dashboard.

    Scope-risk: LOW — TypeScript 零错误
    Tested: npx tsc --noEmit (0 errors)
---
 frontend/app/account/error.tsx | 91 ++++++++++++++++++++++++++++++++++
 1 file changed, 91 insertions(+)
 create mode 100644 frontend/app/account/error.tsx

diff --git a/frontend/app/account/error.tsx b/frontend/app/account/error.tsx
new file mode 100644
index 00000000..ce9a3026
--- /dev/null
+++ b/frontend/app/account/error.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { RefreshCw } from "lucide-react";
+import { useEffect } from "react";
+
+export default function AccountErrorPage({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    console.error("Account page error:", error);
+  }, [error]);
+
+  return (
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "100vh",
+        padding: "2rem",
+        gap: "1rem",
+        backgroundColor: "var(--color-bg-base, #0B1220)",
+        color: "var(--color-text-primary, #E6EDF3)",
+        fontFamily: "var(--font-data, Inter, sans-serif)",
+        textAlign: "center",
+      }}
+    >
+      <h1
+        style={{
+          fontSize: "1.25rem",
+          fontWeight: 600,
+          margin: 0,
+          color: "var(--color-accent-primary, #4DA3FF)",
+        }}
+      >
+        账户页面出错
+      </h1>
+      <p
+        style={{
+          color: "var(--color-text-secondary, #9FB2C7)",
+          fontSize: "0.875rem",
+          margin: 0,
+          maxWidth: 420,
+          lineHeight: 1.7,
+        }}
+      >
+        如果是在支付或绑定钱包时出现此问题，常见原因是钱包插件冲突（例如同时开启了 MetaMask 和
+        Rabby）。请尝试关闭其他钱包插件后刷新页面重试。
+      </p>
+      <p
+        style={{
+          color: "var(--color-text-muted, #7D8FA3)",
+          fontSize: "0.8rem",
+          margin: 0,
+          maxWidth: 420,
+          lineHeight: 1.6,
+        }}
+      >
+        If this happened during payment or wallet binding, the most common cause is
+        conflicting wallet extensions. Try disabling other wallet extensions (e.g.
+        MetaMask + Rabby) and refresh.
+      </p>
+      <button
+        type="button"
+        onClick={reset}
+        style={{
+          marginTop: "0.5rem",
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "0.5rem",
+          padding: "0.5rem 1.25rem",
+          borderRadius: "var(--radius-md, 10px)",
+          border: "1px solid var(--color-border-default, rgba(159,178,199,0.16))",
+          backgroundColor: "var(--color-bg-raised, #111A2E)",
+          color: "var(--color-accent-primary, #4DA3FF)",
+          cursor: "pointer",
+          fontSize: "0.875rem",
+          fontWeight: 500,
+        }}
+      >
+        <RefreshCw size={14} />
+        重试
+      </button>
+    </div>
+  );
+}