Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
引用错误可能是由于使用require()的Javascript中存在依赖关系问题_Javascript_Dependencies_Browserify_Require - Fatal编程技术网

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

引用错误可能是由于使用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()函数,我在gulp中使用了browserify。在这里,我尝试在引用库中对象的脚本之前使用require加载JS库

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()”函数会产生广泛的结果。