通过 Javascript 修复 Dojo 和 JQuery 依赖库 multipleDefine 冲突

Question

这个问题以前已经回答过很多次，我知道一种解决方案是简单地更改它，以便 (Esri)dojo 是最后一个加载的。

问题是我正在开发一个无法访问页面 html 来更改顺序的模块化小部件，我必须只能通过 Dojo 的 AMD 加载程序加载库。

文件夹结构：

/Widget
--/Main.js
--/Datatable.js

这是 Main.js 文件：

define([
  './Datatable', 
  'https://code.jquery.com/jquery-3.3.1.min.js',
  'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.js',
  ],
function(Datatable){ ... }

和Datatable.js（我为组织创建的另一个模块）：

define([
    'https://cdn.datatables.net/v/bs4/dt-1.10.18/r-2.2.2/datatables.min.js'
    ],function(){ ... }

我这里有两个主要问题；

1) AMD 加载器是异步的，不解析非 AMD 模块依赖关系，这意味着顺序应该很重要

datatables.min.js 需要 bootstrap.bundle.js 需要 jquery-3.3.1.min.js

所以，如果幸运的话，请求将根据延迟按顺序加载，不是很可靠...

2) Bootstrap 和 Datatable 通用 javascript 文件都会引发 "multipleDefine" 错误，可能是由于它们试图定义 "jquery"，我真的不确定如何解决这个问题（拥有它们的本地编辑副本并不理想）

如何解决这两个问题？

Answer 1

对于订单，您可以这样做：

require(['https://code.jquery.com/jquery-3.3.1.min.js'], function() {
    require(['https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.js'], function() {
        define(['./Datatable'], function(Datatable){ ... }
    });
});

这将强制按特定顺序进行解析。
当 2 个组件试图在全局范围（此处为 window）上创建函数 define 时，会引发 multipleDefine 错误。
很难给出一个完美的答案。
如果您可以设置 fiddle 或类似的东西，我可以更深入地了解一下。
我想到的一件事：您可以尝试 delete window.define 在加载引发错误的文件之一之前...但这很丑陋，甚至可能无法正常工作...

通过 Javascript 修复 Dojo 和 JQuery 依赖库 multipleDefine 冲突

Fixing Dojo's and JQuery dependant libraries multipleDefine conflict via Javascript

javascript

dojo

amd

requirejs

arcgis-js-api