Angular10项目在IE11中触发TypeError: Argument not optional错误

这个问题的根源很明确：IE11的Element.classList.add()和remove()方法不支持ES6的扩展运算符（...）来传递多个类名参数，而且它也不直接接受数组作为参数。当你用...this.pageClass展开数组时，IE11无法识别这种调用方式，就会抛出"Argument not optional"的错误——它期望的是单个字符串参数，而不是展开后的多个参数。

即使你已经按照Angular官方指南配置了IE11支持，TypeScript转译器只能处理语法层面的兼容（比如箭头函数、let/const等），但无法处理DOM API本身的兼容性差异，所以需要我们手动调整代码来适配IE11。

修改后的兼容代码 #

把你的togglePageClass方法改成遍历数组逐个添加/删除类名的方式：

private togglePageClass(mode: boolean) {
  // 先获取目标元素，增加空值判断避免额外错误
  const templateHolder = document.getElementById('templateHolder');
  if (!templateHolder) return;

  const classList = templateHolder['classList'];

  if (mode) {
    // 遍历数组逐个添加类名
    this.pageClass.forEach(className => classList.add(className));
  } else {
    // 遍历数组逐个移除类名
    this.pageClass.forEach(className => classList.remove(className));
  }
}

额外说明 #

• 这种遍历的方式是IE11完全支持的，因为Array.prototype.forEach在IE9及以上就已经支持了（Angular 10的polyfill配置应该已经覆盖了这个能力）。
• 增加templateHolder的空值判断是个好习惯，避免因为元素不存在导致的其他意外报错。

这样修改后，你的代码就能在IE11和其他现代浏览器中正常运行了。

内容的提问来源于stack exchange，提问作者Swar Chaa