“OpenSeadragon”导入调用在 Safari 上只需要一个参数问题

Question

我的网站无法在 Safari 上加载并收到错误消息时遇到问题语法错误：意外的标识符“OpenSeadragon”。import 调用只需要一个参数。此问题似乎只发生在 Safari 中（在 iPhone 和 iMac 上都出现），而不是 Chrome 或 Firefox 上的问题。当我单击错误消息时，它会将我带到一个main.min.js从cdn.jsdelivr.net. 我不是网络开发专家，所以我不确定突出显示的行有什么问题，也不知道我将如何修改这个文件，因为我没有提供文件。这些是我如何在我的文件中将 OpenSeadragon 包含到我的网站中的相关行index.html。可以提供的任何帮助将不胜感激。

Answer 1

看起来您正在使用ES6 源文件而不是npm 包的输出包openseadragon-annotations。

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

根据 Webpack 构建配置，输出文件为dist/openseadragon-annotations.js.

尝试src/main.min.js用dist/openseadragon-annotations.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>