"Cannot stringify arbitrary non-POJOs" error in Nuxt projects
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- nuxtjs, typescript
- 领域
- frontend
调研方向
使用 Nuxt 生成器命令和生成的 Animal 页面复现该故障。检查 nuxt.config.js、./nuxt/stores/animal/list.ts 和 ./composables/api.ts，对比建议的 payload 和 shallowRef 变通方案。当生成的 Nuxt 3.4+ 客户端能够加载资源且不出现“Cannot stringify arbitrary non-POJOs”错误时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
API Platform version(s) affected: 3.2.18
Description
Clients generated for Nuxt will fail with: "Cannot stringify arbitrary non-POJOs"
How to reproduce
- Create an Entity e.g. "Animal"
- Create a Nuxt project
- Create a client (e.g.
yarn create @api-platform/client https://localhost/ . --generator nuxt --resource animal) - Load https://localhost/animal
You'll get a message saying: "Cannot stringify arbitrary non-POJOs"
Possible Solution
- One solution is to edit
nuxt.config.jsand add the following:
experimental: {
renderJsonPayloads: false,
},
- Another possible solution is to edit
./nuxt/stores/animal/list.tsand addshallowRef()tosetHubUrlfunction:
setHubUrl(hubUrl?: URL) {
this.hubUrl = shallowRef(hubUrl);
},
- Another solution is to edit
./composables/api.tsand addshallowRef() to allonResponse()` functions.
Additional Context
This is occurring with all projects using Nuxt 3.4 or later.
More info at: https://nuxt.com/blog/v3-4#payload-enhancements
- 主要语言
- TypeScript
- 星标
- 376
- 派生
- 132
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
api-platform/create-client 的其他 Issue
-
难度 4/5 3-5 天 新手友好度 35/100
api-platform/create-client#396 ·
-
[potential Security Alert] New `test-nuxt-app` script added in `@api-platform/[email protected]`未关闭
难度 4/5 3-5 天 新手友好度 38/100
api-platform/create-client#397 ·
-
[potential Security Alert] New `test-next-app` script added in `@api-platform/[email protected]`未关闭
难度 3/5 1-2 天 新手友好度 45/100
api-platform/create-client#395 ·
-
[potential Security Alert] New `test-react-app` script added in `@api-platform/[email protected]`未关闭
难度 4/5 3-5 天 新手友好度 35/100
api-platform/create-client#394 ·
-
难度 4/5 3-5 天 新手友好度 25/100
api-platform/create-client#393 · 1 条评论 ·
查看 api-platform/create-client 的全部 Issue
相似的 Issue
-
by: ai-assisted frontend good-for: new-member spike
难度 2/5 1-3 小时 新手友好度 68/100
Northeastern-Electric-Racing/Argos#847 ·
维护者通常 4 天内回复
-
难度 1/5 1-3 小时 新手友好度 84/100
SignalK/freeboard-sk#990 ·
维护者通常 1 天内回复
-
[missing-inheritance] audit review (1 preset)可能已有人在做 @github-actions 今天认领。 未关闭
难度 1/5 1 小时以内 新手友好度 82/100
osmberlin/tagging-schema-browser#363 · 1 条评论 ·
维护者通常 1 天内回复
-
enhancement
难度 2/5 1-3 小时 新手友好度 68/100
Albert-Weasker/niubigeo#205 ·
维护者通常 1 天内回复
-
area/frontend area/v2 kind/bug priority/needs-triage
难度 2/5 1-3 小时 新手友好度 70/100
kubeflow/notebooks#1498 · 1 条评论 ·
维护者通常 1 天内回复