Vue.js - не может использовать Blazy

Question

Я хочу использовать пакет Blazy для отложенной загрузки изображений в мой Vue.js проект. Я установил его через npm, но я просто не могу его импортировать и использовать. Я поместил этот код в created метод App.vue:

const bLazy = new Blazy({})

А этот код в компоненте используется для отображения элементов с изображениями:

<img src="placeholder" :data-src="image-src" class="w-100 rounded" :alt="name">

Теперь, что я пытался импортировать и заставить его работать:

import Blazy from 'blazy' => Не работает.

import * as Blazy from 'blazy' => Не работает.

require('blazy') => "ReferenceError: Blazy is not defined".

const Blazy = require('blazy') => Не работает.

Как правильно заставить его работать?

Answer 1

Это не проблема Vue или npm. Blazy - довольно старая библиотека (последнее обновление 2 года назад) и не поддерживает синтаксис импорта модуля (потому что это не модуль). У вас есть два варианта:

1. Найдите лучшую библиотеку для этой цели, в лучшем случае плагин для Vue.
2. Скопируйте код пакета в файл в src и экспортируйте объект Blazy.