javascript - Hubspot drop.js - Uncaught ReferenceError : Drop is not defined

标签 javascript

我正在使用这个库 Drop ,但是记录很差,我不明白如何使用它。 首先我安装了:

npm install tether-drop

我已经下载了 Drop.js,然后用 Tether 导入它(导入所有内容):

require('../../node_modules/tether/dist/js/tether.min');
require('../../node_modules/tether-drop/dist/js/drop.min');
require('../third_party/drop-master/dist/js/drop.min');

,但是当我尝试时:

let dropInstance = new Drop({
    target: document.querySelector('.dropTarget'),
    content: 'Welcome to the future',
    classes: 'drop-theme-arrows',
    position: 'bottom left',
    openOn: 'click'
});

它说:

Uncaught ReferenceError: Drop is not defined

我正在使用 Laravel - 5.8,它使用 Elixir 和 GULP(我猜)。

我错过了什么?

最佳答案

嗨,我仍然无法发表评论,但请尝试这种方式

const { Drop } = require('tether-drop');

const Drop = require('tether-drop');

取决于其在模块上的导出方式

关于javascript - Hubspot drop.js - Uncaught ReferenceError : Drop is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56807570/

相关文章:

javascript - 减少数组数组并从 Javascript 数据中删除 null

javascript - EmberJS handle 输入

javascript - 使用 Yahoo API 的简单天气代码

javascript - 数据表rowId以数字开头的问题

javascript - 选择器正在选择多行中的所有单选按钮。我想获取单击的单选按钮行上的输入框的名称

javascript - 在 for 循环中设置 Javascript 变量

javascript - Magento 2中的可折叠js是否接受CSS图标内容:“content:”\e622”” ;?

javascript - 如何在 Canvas 中缩放到三 Angular 形

javascript - 使用 JQuery 将数千行动态加载到表中

javascript - Service Worker 缓存与 HTTP 缓存