SyntaxError: Unexpected token < in JSON at position 0

osyris zosar

I have created a Api with React (Hooks)
and i geet getting this error:

my Api:

{[Route("api")]
[ApiController]
public class HomeController : ControllerBase
{
private readonly DbProductContext _context;
public HomeController(DbProductContext context)
{
_context = context;
}
[HttpGet("{id}")]
public async  GetSingleData(int id)
{
var find = await _context.products.FindAsync(id);
if (find == null)return NotFound();
return find;
}		
}}

and my React/Javascripts fetch part:

console.log("test4");
fetch('api/2').then(res => res.json()).then(data => 
console.log(data)).catch(error => 
console.error('Unable to get items.', error));
}

I have even hard-coded the (existing) id that of the product that i want to get data from
After the Test4 console message i get the : SyntaxError: Unexpected token < in JSON at position 0
what am i doing wrong?! please help me out.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
and what did the line below that log, the actual error?
osyris zosar5y ago
I get the error : "Error happened here!"
Sachin Singh5y ago
your code is fine according to me.
for testing purposes only test the below code, however, your code is really fine and there is no place to error.
fetch(‘api/2’, {
  method: ‘GET’,
  headers: {
    ‘Content-Type’: ‘application/json’
  }
}).then(response => response.json()).then(data=>console.log(data))
if the error still persist then log the error as shown below
fetch("api/2").then(async response => {
      try {
       const data = await response.json()
       console.log('response data?', data)
     } catch(error) {
       console.log('Error happened here!')
       console.error(error)
     }
    })