javascript - Vue.js-无法使用Blazy

我想使用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') =>无效。

使它起作用的正确方法是什么？

最佳答案

这既不是Vue也不是npm问题。
Blazy是一个相当老的库（最近2年更新），并且不支持模块导入语法（因为它不是模块）。
您有两种选择：


为此找到一个更好的库，充其量是Vue的插件。
将包的代码复制到src中的文件中，并导出Blazy对象。