I'm not familiar with a product called ChronoFrame specifically, so I can't point to its exact code or a known bug report — but "[object Object]" in a web UI is a classic JavaScript symptom with a well-understood cause, and the debugging pattern is almost always the same.

**What's happening:** Somewhere, an object is being coerced to a string. In JavaScript, converting an object to a string yields "[object Object]". In a setup wizard this typically means:

- The backend returns an object where the frontend expects a plain string — e.g., the site info endpoint returns something like `{"title": {"en": "My Site"}}` (a localized or nested object), and the form binds the whole object to the input instead of one of its properties.
- A config value that used to be a string was migrated to a nested structure, and this one field wasn't updated.
- Stale cached state (localStorage, saved setup progress) holds an object that gets loaded into a text input.
- The fact that the input is also *unlabeled* suggests the same root cause: the field descriptor itself is an object, and the template fails to read both its label and its value correctly.

**How to pin it down:**
1. Open browser dev tools → Network tab, find the request that loads the site info data, and inspect the JSON. Look for a field that's an object where a string should be.
2. Check the Console for framework warnings (Vue, React, and Angular all complain in different ways when objects are bound to text inputs).
3. Clear site data / cached wizard state and retry.
4. If the API payload is wrong, it's a backend serialization issue; if the payload looks correct, it's a frontend binding bug — either way, it's worth filing an issue with the request/response captured.

If you can share the console output or the relevant API response (or a link to ChronoFrame's repo/docs), I can give you a more precise diagnosis.

Question

I'm not familiar with a product called ChronoFrame specifically, so I can't point to its exact code or a known bug report — but "[object Object]" in a web UI is a classic JavaScript symptom with a well-understood cause, and the debugging pattern is almost always the same.

**What's happening:** Somewhere, an object is being coerced to a string. In JavaScript, converting an object to a string yields "[object Object]". In a setup wizard this typically means:

- The backend returns an object where the frontend expects a plain string — e.g., the site info endpoint returns something like `{"title": {"en": "My Site"}}` (a localized or nested object), and the form binds the whole object to the input instead of one of its properties.
- A config value that used to be a string was migrated to a nested structure, and this one field wasn't updated.
- Stale cached state (localStorage, saved setup progress) holds an object that gets loaded into a text input.
- The fact that the input is also *unlabeled* suggests the same root cause: the field descriptor itself is an object, and the template fails to read both its label and its value correctly.

**How to pin it down:**
1. Open browser dev tools → Network tab, find the request that loads the site info data, and inspect the JSON. Look for a field that's an object where a string should be.
2. Check the Console for framework warnings (Vue, React, and Angular all complain in different ways when objects are bound to text inputs).
3. Clear site data / cached wizard state and retry.
4. If the API payload is wrong, it's a backend serialization issue; if the payload looks correct, it's a frontend binding bug — either way, it's worth filing an issue with the request/response captured.

If you can share the console output or the relevant API response (or a link to ChronoFrame's repo/docs), I can give you a more precise diagnosis.

Accepted Answer

这是 ChronoFrame 1.0.2 中一个已知的 UI bug。该字段是 `socialLinks` 应用设置，属于 JSON 类型的设置，默认值为 `{ links: [] }`。安装向导会将所有非 tabs 类型的设置渲染为纯文本输入框，因此该对象会被强制转换为字符串 `[object Object]`。临时解决方法：直接忽略该字段即可——在其中输入的任何内容都不会被保存（向导提交的 payload 中不包含 `socialLinks`），因此不存在数据损坏的风险。如需配置社交链接，请完成安装向导后，改用仪表盘设置页面中专门的社交链接编辑器（仪表盘已正确地将 `socialLinks` 从通用字段中排除）。对于自行打补丁的开发者：请在 `apps/self-hosted/server/api/wizard/schema.get.ts` 中将 `socialLinks`（或所有对象/JSON 类型的设置）从向导的 `app` schema 中过滤掉，并可选择在向导渲染器（`apps/self-hosted/app/pages/onboarding/site.vue`）中添加一个防护逻辑，确保对象值永远不会被传递给文本输入框。

ChronoFrame

核心功能

避坑指南

适用场景

详细介绍

常见问题与排障 (1)

标签

快速上手

相似推荐