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)

  

这是fancybox将自身附加到jquery对象的地方。

否则总会有旧方式在页面上包含第二个脚本标记。