Discussion :

[Vahia]

Bonjour à tous !
Je viens vers vous aujourd'hui car je lutte sur un problème dont l'origine m'échappe.

Sur la partie back-end d'un projet, j'ai un controller qui est sensé interroger la base de données et renvoyer tous les posts qui y sont présents. Or je récupère bien les données mais impossible de les envoye au front-end...

Voici mon controller :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
exports.getAllPosts = async (req, res, next) => {
    const posts = await prisma.posts.findMany({
        orderBy: {
            date: 'asc'
        }
    }).then((data) => {
        console.log(data); // On obtient bien data (qui est un array d'objets, chaque objet étant un post) dans le bash
        res.status(200).json(data); // Lorsque j'utilise cette ligne, ça génère une erreur qui est catchée juste après avec le status 403 et l'erreur retournée est un objet vide donc difficile de savoir ce qui cloche
        res.status(200).json({message : 'Pourquoi j\'arrive à envoyer ce message mais pas les data...'}); // Lorsque j'utilise cette ligne la requête réussie et je récupère bien le message.
    }).catch(e => res.status(403).json({e}));
}

Sauriez-vous pourquoi je n'arrive pas à envoyer "data" au front-end ?
Je vous remercie d'avance !

[mathieu]

d'après la documentation les données sont converties avec JSON.stringify() :
https://expressjs.com/en/4x/api.html#res.json
essayez de lancer cette conversion pour voir si une exception est lancée.

[Vahia]

Si j'ajoute :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

const donnees = JSON.stringify(data);

après la ligne 7 et rien de plus, ça me génère une exception qui est catchée de la même façon que précédemment.

[Vahia]

Juste pour info (au cas où), les données que je reçois dans le bash sont celles-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
[
  {
    postId: 3,
    authorId: 2,
    textContent: 'Troisième post créé sur Prisma Studio',
    imgContent: null,
    date: 1634829325104n
  },
  {
    postId: 2,
    authorId: 1,
    textContent: 'Second post crée sur Prisma Studio',
    imgContent: null,
    date: 1644729325104n
  },
  {
    postId: 1,
    authorId: 1,
    textContent: 'Post crée sur Prisma Studio',
    imgContent: 'http://thispersondoesnotexist.com/',
    date: 1644829325104n
  }
]

[mathieu]

le problème vient des dates, le type bigint ne peux pas être converti en json avec "JSON.stringify()".

mais avant de régler cela, il faudrait peut-être voir le souci de débugage. vous devriez voir le message d'erreur sinon vous aurez de nouveau le souci dans la suite du développement.
essayez de mettre console.log(e); dans la partie "catch" pour voir si cela vous affiche plus d'informations.

[Vahia]

Effectivement le console.log a été très utile et a confirmé ce que tu m'as dit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
TypeError: Do not know how to serialize a BigInt
     at JSON.stringify (<anonymous>)
     ...

Et donc du coup il est possible de faire une conversion de BigInt en Int avant d'envoyer la réponse ?
Parce que, sauf erreur de ma part, un int en sql ne peut comporter que 10 chiffres alors qu'un int en JS n'a pas cette limite. Je me trompe ?

[NoSmoking]

Bonjour,

Et donc du coup il est possible de faire une conversion de BigInt en Int avant d'envoyer la réponse ?

tu peux faire la conversion lors du « stringify » en utilisant la fonction de remplacement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
const donnees = JSON.stringify(data, function(key, value) {
  return key === "date" ? Number(value) : value;
});

[Vahia]

Merci beaucoup, je vais tester tout de suite !