在parceljs中导入datatable

Question

我正在尝试用parceljs导入datatables (以及jquery和moment)。

我已经使用了this answer中的变通方法来导入jquery。

以下是我的文件：

在index.html中：

      <table id="tableFlows" class="display" style="width:100%">
        <thead>
          <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$320,800</td>
          </tr>
        </tbody>
      </table>

在index.js中：

import "./styles.scss";
import "@fortawesome/fontawesome-free/js/all";

import './workaround/import-jquery';
import './workaround/import-moment';

import 'moment-timezone';
import "tempusdominus-bootstrap-4";

import 'datatables.net-dt';

import "./flows.js";

在控制台中，我看到了这个错误：

​

错误来自flows.js

$('#datetimepicker1').datetimepicker();
$('#datetimepicker2').datetimepicker();

$('#buttonGo').on('click', function() {
  const moment1 = $("#datetimepicker1").datetimepicker('date');
  const moment2 = $('#datetimepicker2').datetimepicker('date');

  console.log(moment1.format('X'), moment2.format('X'));
});

$("#tableFlows").DataTable();

请帮帮忙。

Answer 1

在index.js中，使用require( 'datatables.net-dt' )();而不是import