IE11 中 dropzone 的符号未定义错误答案

【问题标题】：Symbol undefined error for dropzone in IE11IE11 中 dropzone 的符号未定义错误
【发布时间】：2020-04-29 10:34:45
【问题描述】：

最新的 dropzone.js 版本似乎不适用于 IE11。如何测试？

1) 在 IE11 中打开 https://www.dropzonejs.com/examples/simple.html
2）dropzone不可点击，文件不可拖放

通过 F12 控制台的错误是：

“符号”未定义
文件：dropzone.js，行：3196，列：11

if (_didIteratorError32) {
  throw _iteratorError32;
}

如何解决？

【问题讨论】：

我进一步了解了“符号”未定义的含义，如果我查看页面 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…，我发现 Internet Explorer 不支持标准的内置对象“符号” .如果是这个原因，则意味着最新的 dropzone.js 与 Internet Explorer 不兼容。有人可以证实这一点吗？

【解决方案1】：

我通过添加以下脚本标签解决了这个问题。

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.8.7/polyfill.min.js"></script>

Dropzone.js 具有箭头功能和许多其他 IE11 不支持的功能。因此，它使用Babel从es6转换为es5。

经过一番研究发现它需要 polyfill 支持，因此需要脚本。

【讨论】：

谢谢@poojakapuriya！这解决了部分问题。添加 polyfill 脚本后，您可以单击 dropzone，选择一个文件然后上传。但是，在 IE11 中仍然无法将文件拖放到 dropzone 上。你知道如何解决这个问题吗？

【解决方案2】：

我在 IE11 中遇到了同样的问题，即 Dropzone.js 版本 5.7.0 中的“符号”未定义（在撰写本文时）仍然从 Dropzone.js 网站引用。

问题实际上是通过从 GitHub 下载最新版本（在撰写本文时）是 Release v5.9.2 来解决的。

所以不再需要显式的 babel-polyfill。

【讨论】：

【解决方案3】：

【讨论】：