引用错误可能是由于 Javascript 中使用 require() 的依赖问题

Question

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

require('tippy.js');

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

在浏览器中编译和加载时出现此引用错误：

Uncaught ReferenceError: Tippy is not defined

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

Answer 1

您的意思是：

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

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

Answer 2

您应该像这样将它附加到 Window 变量：

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

那么你可以使用

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

Reference error probably due to dependency issue in Javascript using require()