Openlayers & NPM: не могу загрузить локальный файл .json

Question

Я пытаюсь загрузить файл .json в Openlayers с локального URI. Как рекомендовано, я использую npm. Тем не менее, файл не загружается. Файл example.json хранится в каталоге data, который является подкаталогом, в котором находится main.js. Используемый мной файл json действителен в соответствии с jsonLINT.

var vectorLayer = new VectorLayer({
  source: new VectorSource({
    url: 'data/example.json',
    format: new GeoJSON()
  }),
  style: function(feature) {
    style.getText().setText(feature.get('name'));
    return style;
  }
});

var map = new Map({
  target: 'map',
  layers: [ vectorLayer],
// ...
});

Сообщения в консоли:

XHR GEThttp://localhost:1234/data/example.json [HTTP/1.1 200 OK 4ms]
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
XHR GEThttp://localhost:1234/data/example.json [HTTP/1.1 304 Not Modified 14ms]
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

Полагаю, файл вообще не загружается. Если я изменю адрес на какой-то файл, которого нет в каталоге, я получу те же сообщения. При перезагрузке я получу код ошибки 304 дважды. Если я напишу «localhost: 1234 / data / example.json» в качестве URL, он получит мою главную страницу (как с localhost: 1234), а не файл json, который я ожидал бы увидеть.

Я новичок с npm, поэтому я предполагаю, что проблема в том, как файлы обрабатываются с npm.