javascript - es6 import - fancybox 不是一个函数

Question

我尝试在项目中使用 fancybox，但是在导入它时，我仍然收到错误(fancybox 不是函数) - 这就是我所做的:

import $ from 'jquery';
import jQuery from 'jquery'; 
import 'fancybox'; 

后来，我尝试做:

// export jQuery for others scripts to use /inline scripts in some controls
window.$ = $;
window.jQuery = jQuery;

$(".list__item--img").fancybox({
'titlePosition': 'inside',
'transitionIn': 'none',
'transitionOut': 'none',
"padding": 0,
"overlayOpacity": 0.8,
"overlayColor": "#000",
"autoDimensions": false,
"width": 355,
"height": 190,
"showCloseButton": false
});

Answer 1

如果您使用 fancybox npm module看来您需要将 jquery 对象传递给它。

fancybox($) // or fancybox(jQuery)

This is where fancybox attaches itself to the jquery object.

否则，总会有一种老式的方式在页面上包含第二个脚本标记。