'OpenSeadragon' Safari 上的导入调用只需要一个参数问题

'OpenSeadragon' import call expects exactly one argument issue on Safari

我的网站无法在 Safari 上加载并收到错误消息时遇到问题

SyntaxError: Unexpected identifier 'OpenSeadragon'. import call expects exactly one argument.

此问题似乎只发生在 Safari 中(在 iPhone 和 iMac 上均出现),而不是 Chrome 或 Firefox 中的问题。

当我单击错误消息时,它会将我带到从 cdn.jsdelivr.net 下载的 main.min.js 文件。我不是网络开发专家,所以我不确定突出显示的行有什么问题,也不知道我将如何修改这个文件,因为我没有提供文件。

这些是我如何在我的 index.html 文件中将 OpenSeadragon 包含到我的网站中的相关行。

如能提供任何帮助,我们将不胜感激。

您似乎正在为 openseadragon-annotations npm 包使用 ES6 source file instead of output bundle

Chrome Firefox 足够聪明,可以自动获取 ES6 模块语法,但您应该使用输出包文件。

根据 Webpack 构建 configuration 输出文件是 dist/openseadragon-annotations.js

尝试用 dist/openseadragon-annotations.js 替换 src/main.min.js,如下所示:

<script src="https://cdn.jsdelivr.net/npm/openseadragon@2.4/build/openseadragon/openseadragon.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/openseadragon-annotations@1.0.5/dist/openseadragon-annotations.js"></script>