Estoy intentando obtener un archivo json local de un módulo javascript... Mi estructura de archivos actual a continuación.

Actualmente estoy trabajando con el archivo Map.main.js y actualmente parece

 class Map { constructor(el) { this.$el = el this.initMap() } initMap() { fetch('./map/data.json') .then((response) => response.json()) .then((data) => console.log(data)) } } export default Map

Recibo los siguientes errores en la consola.

http://localhost:3000/map/data.json 404 (no encontrado) VM2541:1 no capturado (en promesa) SyntaxError: token inesperado <en JSON en la posición 0

HTML se está compilando actualmente a continuación (usando ramita)

No estoy seguro si hace una diferencia que actualmente estoy usando babel/webpack para construir mi JS cualquier ayuda es apreciada gracias