Uncaught (in promise) SyntaxError: Unexpected token N in JSON at position 0

Question

I have made a small vanilla javascript code to fetch api but it is throwing the error "Uncaught (in promise) SyntaxError: Unexpected token N in JSON at position 0". I m not able to understand, exactly why the error is caught. Can somebody help me to resolve this.

const config = {
  url: "https://randomuser.me/",
  numberCards: 24
};

fetch(`${config.url}&amount=${config.numberCards}`)
  .then(function(response) {
    return response.json();
  })
  .then(function(apiResponse) {
    // Output API response to console to view.
    console.log(apiResponse);
  });

Answer 1

It's because of this.

const config = {
  url: "https://randomuser.me/",
  numberCards: 24
};

fetch(`${config.url}&amount=${config.numberCards}`)

It should be,

const config = {
  url: "https://randomuser.me/api/",
  numberCards: 24
};

fetch(`${config.url}?amount=${config.numberCards}`)

It's because the json data are from "https://randomuser.me/api/". Not "https://randomuser.me/". And the query strings must begin with a "?" mark. "&" mark is used to separate query strings. (like this "https://example.com/?amount=24&hi=en")