如何在Webpack 3.6中要求tippy.js？

我正在使用LaravelMix，它使用Webpack3.6，我正在尝试安装

我的SCS可能通过

@import./../../../../node\u modules/tippy.js/dist/tippy.css”正常工作

但是，在我的javascript文件的顶部，我有一个不起作用的：

var $ = require('jquery');
var webcast_helper = require('webcast_helper');
var moment = require('moment');
import tippy from 'tippy.js';

我得到错误：
uncaughttypeerror:无法分配给对象“#”的只读属性“exports”

我如何才能以这种网页方式导入Tippy.js？

（显然对我不起作用。）
我更愿意接受能告诉我如何让3.2.0运行的人的回答。

我能够让一个旧版本（）工作（部分）

npm安装tippy。js@2.6.0

在我的文件中：

const tippy = require('tippy.js');
tippy($(inputRangeEl).get(0), {
    content: "Rewind by clicking anywhere on this red slider",
    arrow: true,
    duration: [0, 1000], // Array [show, hide]
    followCursor: "horizontal",
    size: 'large',
    animation: 'scale'
});

但不幸的是，这些工具提示从未出现在触摸设备（如iPhone）上，我也不知道为什么。

我正在尝试提供有关从'tippy.js'导入tippy的工具提示。

使用ESM版本（package.json中的

“module”

字段）

对于TippyJs 5.0.1和Webpack 4，请尝试：

const tippy=require（'tippy.js'）。默认值

使用UMD版本（支持CJS）

但是我不建议使用CJS版本，因为树划不起作用
 
window.Popper=require（'Popper.js'）。默认值；
window.tippy=require（'tippy.js'）。默认值；
在webpack 3.3.0中，下面的一行对我很有用

consttippy=require（'tippy.js/umd/index.all.js'）

从以下网站获得：

**注意：如果使用css，您还需要在webpack.config.js中包含一个css加载程序
谢谢，但我已经尝试过了，它似乎适用于2.6.0，但不适用于3.2.0，正如我在这里提到的：
require（'tippy.js/dist/tippy.js'）
。也要包含CSS：
require（'tippy.js/dist/tippy.all.js'）
我现在回来尝试让tippy工作（我也可以尝试让v5工作，而不是2.6），但我还没有弄清楚如何通过Webpack在需要时让它工作。有什么想法吗？我对你们的图书馆很兴奋，真的希望它能对我有用。谢谢你的帮助。我更新了你的答案，投了赞成票，并接受了。谢谢我终于回到这个问题上来了（想再次尝试Tippy），这个答案看起来很有希望，但现在Tippy已经是第5版了，我找不到关于如何使用Webpack的说明。啊，我现在看到了。谢谢