引用错误可能是由于使用require()的Javascript中存在依赖关系问题
为了使用require()函数,我在gulp中使用了browserify。在这里,我尝试在引用库中对象的脚本之前使用require加载JS库引用错误可能是由于使用require()的Javascript中存在依赖关系问题,javascript,dependencies,browserify,require,Javascript,Dependencies,Browserify,Require,为了使用require()函数,我在gulp中使用了browserify。在这里,我尝试在引用库中对象的脚本之前使用require加载JS库 require('tippy.js'); new Tippy(".tippy", { position: 'right', animation: 'scale', duration: 1000, arrow: true }); 在浏览器中编译和加载时,我遇到以下引用错误: 未捕获引用错误:未定义Tippy 我假设这是一个
require('tippy.js');
new Tippy(".tippy", {
position: 'right',
animation: 'scale',
duration: 1000,
arrow: true
});
在浏览器中编译和加载时,我遇到以下引用错误:
未捕获引用错误:未定义Tippy
我假设这是一个依赖性问题。建议?你的意思是:
var Tippy = require('tippy.js');
另外,考虑到您使用的是模块系统,我建议不要依赖globals。Tippy被捆绑成一个整体。它被打包用于检测环境使用的模块系统,并相应地导出库。由于browserify是CJS,UMD捆绑模块会从
require
返回对库导出的引用,而不会将其加载到全局范围。您应该将其附加到如下窗口变量:
window.Tippy = require('tippy.js').default;
那你可以用
Tippy(".tippy", {
position: 'right',
animation: 'scale',
duration: 1000,
arrow: true })
不,这就是我需要做的吗?工作。为了更好地理解这一点,我需要学习什么?研究如何使用“require()”函数会产生广泛的结果。