node.js express server returns unexpected response to the GET request

Question

I'm working on the weather app journal, and I am stumbling on some kind of a weird bug I tried searching google, but I couldn't find anything helpful

so here's the problem

Uncaught (in promise) SyntaxError: Unexpected token '<', "

It appears that fetch returns a response, however when I try using the .json method on fetch it gives an error, and it somehow goes to the first line of the html file. It also appears that the response is empty, it doesn't have the data I wish to send from the server.

this is my GET route for the client side (app.js) file

this is my code for the GET route on the server side (server.js) file

note: the console.log("Data Sent") is never printed on the terminal

Edit: I figured out the response I'm getting from the GET request is the html file

How can I resolve this problem?

bahaa adel · Answer

Try to remove

res.send('Data sent!')

Fadi Hania · Answer

The issue you're having is because of using res.send(), you need to use res.json() instead. The second will always return data as application/json, not as HTML which is actually causing that error. That's why it complains about the token <.

On more thing, try to use a single statement to return your response. So, removing res.send('Data Sent!');, convert to console.log() instead or return as part of projectData.

Mohamed Khaled · Answer

This worked for me

It seems that using the old path "/" resulted in a conflict, as it's the same path used to request the html. Using a new path for the get request solved the problem.

Wahlstrommm · Answer

Try to remove

res.send('Data sent!')

If you wanna try send:

res.json(projectData)

node.js express server returns unexpected response to the GET request

4 Answers