Question

我已经通过npm安装了数据表：

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';无法正确导入）因此，导致错误：

未捕获无法扩展未知的按钮类型：copyHtml5 在控制台中，使用以下功能指向一行：

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

使用CDN时可以很好地工作。

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

Answer 1

您需要添加

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

就像您在下载生成器中看到的那样，如果您选择所需的内容并切换到底部的npm选项卡。

https://datatables.net/download/

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

1 个答案: