参考错误可能是由于使用require（）的Javascript中的依赖性问题

Question

我在gulp中使用browserify以使用require（）函数。从那里我试图在引用库中的对象的脚本之前使用require加载JS库。

require('tippy.js');

new Tippy(".tippy", {
    position: 'right',
    animation: 'scale',
    duration: 1000,
    arrow: true
});

在浏览器中编译和加载时，我得到此引用错误：

未捕获的ReferenceError：未定义Tippy

我假设这是一个依赖问题。建议？

Answer 1

你的意思是：

var Tippy = require('tippy.js');

另外，鉴于您使用的是模块系统，我建议不要依赖全局变量。 Tippy被捆绑为UMD module。它被打包以检测环境使用的模块系统并相应地导出库。由于browserify是CJS，因此UMD捆绑模块会从require返回对库导出的引用，而不会将其加载到全局范围。

Answer 2

你应该将它附加到Window变量，如下所示：

window.Tippy = require('tippy.js').default;

然后你可以使用

Tippy(".tippy", {
position: 'right',
animation: 'scale',
duration: 1000,
arrow: true })