“未捕获无法扩展未知按钮类型：copyHtml5” - 如何使用 `datatables.net-buttons-bs4`答案

【问题标题】："Uncaught Cannot extend unknown button type: copyHtml5" - How to use `datatables.net-buttons-bs4`“未捕获无法扩展未知按钮类型：copyHtml5” - 如何使用 `datatables.net-buttons-bs4`
【发布时间】：2019-04-05 09:40:46
【问题描述】：

我已经通过 npm 安装了 Datatables：

npm install --save datatables.net-bs4
npm install --save datatables.net-buttons-bs4

也想使用buttons.html5 js 文件。在我开始使用 npm 包之前，我使用了这样的数据表 CDN：

<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.js" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/buttons/1.0.0/js/buttons.html5.min.js" crossorigin="anonymous"></script>

现在我像这样导入它：

// Datatables
import 'datatables.net-bs4';
// Datatables - Buttons
import 'datatables.net-buttons-bs4';

我的脚本使用带有 HTML5 的buttons.js 功能（文件存在于文件夹node_modules/datatables.net-buttons/js/buttons.html5.js 中。但它似乎没有使用import 'datatables.net-buttons-bs4'; 正确导入因此，导致错误：

Uncaught 无法扩展未知按钮类型：copyHtml5 在控制台中，使用该功能指向一行：

this.tableDownload = new $.fn.dataTable.Buttons(this[this.tableDisplayed], { ... }

在使用 CDN 时效果很好。

如何让buttons.html5.js配合我的代码？

【问题讨论】：

标签： javascript jquery ecmascript-6 datatables

【解决方案1】：

你需要添加

import 'datatables.net-buttons/js/buttons.html5.js'

就像你可以在下载构建器中看到的那样，如果你选择你需要的东西并切换到底部的 npm 选项卡。

https://datatables.net/download/

【讨论】：