Маркер в листовке JS не загружается должным образом из-за ошибки ERR_INVALID_URL

Question

Я пытаюсь добавить маркеры на мою карту Leaflet, но они не отображаются.

В консоли я вижу сетевую ошибку: net :: ERR_INVALID_URL для запроса http, загружающего изображение, подобное этому:

Request URL: data:image/png;base64,iVBORw0KGgoAA.....SUVORK5CYII=")marker-icon-2x.png

Если я удаляю эту последнюю часть URL

)marker-icon-2x.png

Я получаю правильное изображение в кодировке base64.Так что я думаю, вопрос в том, что этот маркер-значок добавляется в конце URL.

Дополнительные сведения:

• Мой код выглядит примерно так:

L.marker(coords).bindPopup(someName).addTo(this.map)

• Моя карта отображается правильно, и я могунарисуйте многоугольники и многое другое.

• Я использую Vue и Vue2Leaflet

• Я импортировал leaflet.css

• Я попытался включить эти строки кода без эффекта:

delete Icon.Default.prototype._getIconUrl

Icon.Default.mergeOptions({
  iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
  iconUrl: require('leaflet/dist/images/marker-icon.png'),
  shadowUrl: require('leaflet/dist/images/marker-shadow.png')
});