JavaScript-数据表：TypeError：无法读取未定义的属性“默认值”

Question

我使用的引导模板使用的是旧版的jquery，因此出于安全原因，我不得不对其进行更新。

但是，现在我得到了：

TypeError: Cannot read property 'defaults' of undefined
(anonymous function)
node_modules/datatables.net-bs/js/dataTables.bootstrap.js:47
  44 | 
  45 | 
  46 | /* Set the defaults for DataTables initialisation */
> 47 | $.extend( true, DataTable.defaults, {
  48 |  dom:
  49 |      "<'row'<'col-sm-6'l><'col-sm-6'f>>" +
  50 |      "<'row'<'col-sm-12'tr>>" +

我的代码从这里开始：

  3 | import $ from 'jquery';
  4 | 
  5 | // Datatables
> 6 | require('datatables.net-bs')
  7 | require('datatables.net-bs4/js/dataTables.bootstrap4.js')
  8 | require('datatables.net-bs4/css/dataTables.bootstrap4.css')
  9 | require('datatables.net-buttons')

为什么会发生，我该如何解决？