javascript - 如何解决不匹配的匿名 define() 模块？

Question

我有一个网页，我正在尝试添加一个外部库:

<script async src="somepath/sweetalert2.all.min.js"></script>

该网页已经包含我的框架(即 Oracle Apex)添加的一些其他库，我无法控制。

但是我收到了错误:(截图)

Uncaught Error: Mismatched anonymous define() module

我不是 JavaScript 专家，所以我不知道如何在不出现此错误的情况下添加此库。

有人可以帮忙吗？

Answer 1

您需要使用 require 而不是 script

加载它

在某个地方你应该有一个 requirejs-config.js 文件。在那里你需要添加你的脚本:

var config = {
   map: {
      sweetalert: "js/sweetalert"
   }
}

key是你的名字，value是脚本的路径现在你可以像这样使用它:

require(["sweetalert"], function(){
   swal("Good job!", "You clicked the button!", "success");
});

这应该够了