Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 using vuejs

Question

I am trying to create a treemap based on data from a .json . I am using d3 and vue with to help the process. When I try and load my data using the d3.json() function and outputting to console I get the error

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

d3.json('./warehouses').then(function(error,data) {
  data = data.concat(json)
  render(data)
  console.log(data)
})

Answer 1

if you want to load a json file, you should import it. the code looks like this:
import data from '../addressOfJsonFile/db.json';
then you can use data variable you imported as your json object. note that you can name your json imported whatever you want.