Bonjour,

je suis actuellement en train de suivre le cours "Passez au Full Stack avec Node.js, Express et MongoDB" sur Openclassrooms mais je suis coincé au niveau de la partie 6 : "Créez une route POST".

En effet, je pense avoir suivit à la lettre chaque instruction du cours mais l'erreur suivante ressort lorsque j'envoie le form fournis pas le cours :

"Form submission canceled because the form is not connected".

Je ne veux pas modifier le form en question puisqu'il est dans le node_modules mais je n'ai pas d'autre idée pour régler ce problème.

Voici la partie de code concernant la requête POST (qui provient lui aussi du cours): 

app.post('/api/stuff', (req, res, next) => {
    console.log('test');
    console.log(req.body);
    res.status(201).json({
        message: 'Objet créé !'
    });
});

Est-ce que quelqu'un peut m'aider?

Merci d'avance.

Salut, j'arrive peut être un peu tard, il te faut utiliser bodyParser 

const bodyParser = require('body-parser')

et l'appliquer à ton serveur express

app.use(bodyParser.json({limit: '10mb', extended: true}))
app.use(bodyParser.urlencoded({limit: '10mb', extended: true}))
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

Sinon tu pourras pas récupérer tes données en json depuis ton front

sinon ta route a l'air correcte 

++

@ArthurLagneaux Pour ton problème, il s'agit d'un blocage côté client. Le navigateur interdit apparemment d'envoyer la requête car le formulaire ne semble pas relié au DOM actuel.

Sans autres détails, je ne peux t'en dire plus malheureusement. As-tu essayé de chercher l'erreur sur Google ?

Grégoire-M a écrit:

Salut, j'arrive peut être un peu tard, il te faut utiliser bodyParser 

const bodyParser = require('body-parser')

et l'appliquer à ton serveur express

app.use(bodyParser.json({limit: '10mb', extended: true}))
app.use(bodyParser.urlencoded({limit: '10mb', extended: true}))
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

Sinon tu pourras pas récupérer tes données en json depuis ton front

sinon ta route a l'air correcte 

++

Il n'y a absolument pas besoin de bodyParser qui est intégré à Express depuis la v4.16.

De plus, si les données sont envoyées avec le header Content-Type: application/json il n'y a pas besoin non plus d'utiliser le middleware urlencoded(…).
express.json() suffit.

Bonjour, 

Je suis confronté à un problème similaire, je ne comprend pas pourquoi malgré que j'ai reprit le cours au début du chapitre et même avant.

J'en suis au chapitre 2 partie 3

mon message d'erreur dans la console est le même: "Form submission canceled because the form is not connected "

Cette erreur intervient dès que j'essaie de créer un article ou d'en visualiser un.

mon serveur backend me dit bien qu'il est connecté à MongoDB, j'ai deux théorie, la première me parait peu probable est que le cors n'est pas activé sur mon serveur front comme l'indique ma console :

Starting up http-server, serving .

http-server settings: 
CORS: disabled
Cache: 3600 seconds
Connection Timeout: 120 seconds
Directory Listings: visible
AutoIndex: visible
Serve GZIP Files: false
Serve Brotli Files: false
Default File Extension: none

Unhandled requests will be served from: http://local"host:4200?

l'autre est qu'il manque un Event.preventDefault() coté front sur l'event onClick() du boutton mais impossible de lire  correctement le code pour tenter de modifier.

N'hésitez pas a me redemander des extraits de code, je ne voulais pas mettre tout ici ne sachant pas exactement où se situe le problème

-
Edité par CyzBot 30 mai 2022 à 20:13:57