Answers

• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  January 2023

  Hi Craw,

  Try this please:

  require('datatables.net')(window, $);
  require('datatables.net-bs5')(window, $);
  

  It does depend a little bit on if Webpack is configured for ES modules or CommonJS - that is the CommonJS syntax which matches the require code you have above.

  Allan
• Craw Posts: 3Questions: 1Answers: 1

  January 2023

  Hey, thanks for answer, I already tryed and it show this error:

  Uncaught TypeError: webpack_require(...) is not a function

  And can u tell me how to make code snipet in this forum?
• Craw Posts: 3Questions: 1Answers: 1

  January 2023 Answer ✓

  Soluce :

  Jquery was on my nodes_modules and I was abble to use it normaly in my app.js so I thought it was not necessary to install the package. It was a mistake after I :

  yarn add jquery

  This code work great

  const $ = require('jquery');
  require('bootstrap');
  require('datatables.net');
  require('datatables.net-bs5');

  $(document).ready(function() {
  $("#myTable").DataTable();
  });

  You have to disable autoprovide jquery in webpack config
• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  January 2023

  Awesome - thanks for the update.

  Allan
• paskuale75 Posts: 5Questions: 0Answers: 0

  September 2023

  Hi, thanks for the great information, may I ask why you use require instead of import statement ?
• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  September 2023

  They might be using CommonJS rather than ES Modules. DataTables supports both. Indeed in a lot of cases, a packager such as Webpack can take ES Module syntax (import ...) and down convert it back to CommonJS and work from there without you ever knowing, It depends on how Webpack is configured.

  If you are starting on a new code base, I'd suggest going with ES Modules. Only use CommonJS if you are working on an older code base that already uses it.

  Allan