ES6进口 - 的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

如果你使用它看起来像您需要将您的jQuery对象传递给它的fancybox npm module。

fancybox($) // or fancybox(jQuery) 

在这里的fancybox将其自身附着到jQuery对象。

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