使用formdata-polyfill兼容IE仍报错：Object doesn't support this action

我来帮你搞定这个IE兼容的坑——之前做项目时也碰到过几乎一模一样的问题，咱们来一步步排查解决：

问题根源：使用方式错误 #

你当前的代码是把formdata-polyfill当作独立的构造函数来使用，但实际上这个polyfill的设计是全局修补原生的FormData对象，而不是提供一个替代类。当你import formData from 'formdata-polyfill'并实例化它时，并没有正确触发polyfill对原生FormData的修补，导致调用set方法时还是用到了IE原生不支持该方法的FormData对象。

修正后的代码 #

把导入方式改成直接引入polyfill（它会自动给全局的FormData添加缺失的方法），然后直接使用原生的FormData构造函数：

// 导入polyfill，自动修补全局FormData
import 'formdata-polyfill';

// 直接使用原生FormData构造函数
let data = new FormData(form);
data.set('foo', 'bar'); // 现在在IE中应该可以正常执行了

额外排查点 #

如果修改后还是有问题，可以检查这几个地方：

• polyfill版本：旧版本的formdata-polyfill可能对部分IE版本支持不足，执行npm update formdata-polyfill更新到最新稳定版试试。
• 加载时机：确保polyfill在你使用FormData的代码之前加载，比如放在项目入口文件的最顶部，避免其他代码先实例化了未修补的FormData。
• IE版本限制：这个polyfill主要支持IE10及以上版本，如果你的目标是IE9及以下，原生FormData的支持本身就非常有限，可能需要考虑手动拼接表单数据的方案。

内容的提问来源于stack exchange，提问作者Taylor Austin