Why Is $.getjson Returning Parseerror With Valid Json File?

I'm trying to get JSON data from a local file with : $.getJSON(file, function(json_data) { console.log(json_data); }).fail(function(jqXHR, textStatus, errorThrown) { alert('getJ

Solution 1:

var getProductDataFromJson = new Promise(
  function (resolve) {
     $.getJSON("https://raw.githubusercontent.com/bmehler/product/main/product.json", function(data) { 
         resolve(data);
     });     
  }
);

 getProductDataFromJson
    .then(function (data) {
         console.log('data', data);
    })
    .catch(function (error) {
         console.log(error.message);
    });

This code should work. Just copy my json file and input your data.