Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

"Cannot stringify arbitrary non-POJOs" error in Nuxt projects

Aperta
#382 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
nuxtjs, typescript
Ambito
frontend

Direzione di ricerca

Riproduci il fallimento con il comando del generatore Nuxt e la pagina Animal generata. Ispeziona nuxt.config.js, ./nuxt/stores/animal/list.ts e ./composables/api.ts, confrontando i workaround suggeriti per payload e shallowRef. Il lavoro è completato quando un client Nuxt 3.4+ generato carica la risorsa senza l’errore “Cannot stringify arbitrary non-POJOs”.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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.js and add the following:
  experimental: {
    renderJsonPayloads: false,
  },
  • Another possible solution is to edit ./nuxt/stores/animal/list.ts and add shallowRef() to setHubUrl function:
setHubUrl(hubUrl?: URL) {
      this.hubUrl = shallowRef(hubUrl);
    },
  • Another solution is to edit ./composables/api.ts and add shallowRef() to all onResponse()` 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

Lingua principale
TypeScript
Stelle
376
Fork
132
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di api-platform/create-client

Tutte le issue di api-platform/create-client

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.