Dojo conflict with datatables.js (Multipledefine) - ArcGIS API for JS 4.x

Muhammad_TayyabMir — Sun, 14 Apr 2019 06:26:40 GMT

I have a Web GIS app using ArcGIS API for JS 4.11.

I want to use Datatables in it but I get the following errors on loading the datatables js files:

Error: multipleDefine
Error: scriptError: https://js.arcgis.com/4.11/dojo/jquery.js

Do we have a workaround for this?

Re: Dojo conflict with datatables.js (Multipledefine) - ArcGIS API for JS 4.x

Muhammad_TayyabMir — Fri, 10 Dec 2021 21:01:34 GMT

I solved it by using it in a separate Require() function instead of loading it at the top with dojo libraries.

require(["https://cdn.datatables.net/v/dt/jq-3.2.1/dt-1.10.16/datatables.js"], function () {
                        $(document).ready(function () {
                            var table = $('#customerTable').DataTable();
                        });
                      });

Surprisingly despite of this new require function itself being inside the main require function, where the dojo is loaded, this works somehow.

require(["esri/Map",
         "esri/views/MapView",
         "esri/layers/MapImageLayer",
         "esri/geometry/Point",
         "esri/geometry/projection",
         "esri/geometry/SpatialReference",
         "esri/symbols/SimpleMarkerSymbol",
         "esri/symbols/SimpleLineSymbol",
         "esri/Graphic",
         "esri/layers/GraphicsLayer",
         "dojo/domReady!"],
     function (Map,
         MapView,
         MapImageLayer,
         Point,
         projection,
         SpatialReference,
         SimpleMarkerSymbol,
         SimpleLineSymbol,
         Graphic,
         GraphicsLayer) { ... //New Require Function

topic Dojo conflict with datatables.js (Multipledefine) - ArcGIS API for JS 4.x in ArcGIS JavaScript Maps SDK Questions

Dojo conflict with datatables.js (Multipledefine) - ArcGIS API for JS 4.x

Re: Dojo conflict with datatables.js (Multipledefine) - ArcGIS API for JS 4.x