使用 VEE Validate Vue.js 和 babel-polyfill 在 IE11 中未处理的承诺拒绝 InvalidCharacterError答案

【问题标题】：Unhandled promise rejection InvalidCharacterError in IE11 with VEE Validate Vue.js and babel-polyfill使用 VEE Validate Vue.js 和 babel-polyfill 在 IE11 中未处理的承诺拒绝 InvalidCharacterError
【发布时间】：2019-12-04 13:24:58
【问题描述】：

我在 IE11 中遇到问题，当我在 vue.js 中使用 vee validate 验证表单时出现 InvalidCharacterError。我认为这可能是一个 polyfill 错误，但我不太确定。我尝试删除代码的某些部分以查看问题是否仍然存在，但到目前为止我一无所获。我还尝试标记错误以查看错误在哪里。我尝试了其他解决方案，但到目前为止没有任何效果。

https://i.stack.imgur.com/PyYIn.png

这里有一些代码：

validateBeforeSubmit() {
    this.$validator.validateAll().then(result => {
        if (result) {
            //submit
        }
    })
}

只有当我按下提交按钮时才会出现错误

编辑：

这个问题最近又出现了。我已经有了 babel-polyfill 并且已经导入了它。我还有其他使用箭头函数和承诺的页面，它们在 IE11 中运行良好。

【问题讨论】：

IE 不知道/理解 arrow functions 和 Promises

标签： javascript vue.js internet-explorer-11 vee-validate babel-polyfill

【解决方案1】：

箭头函数是 IE 11 的 not supported。您需要填充所有 ES6+ 语法以使其与 IE 11 兼容。您可以使用 babel 填充问题中的代码：

(void 0).$validator.validateAll().then(function (result) {  
  if (result) {
      //submit
    }
});

您还可以参考this thread 中关于安装和导入babel-polyfill 以使vue.js 应用与IE 11 兼容的已接受答案。

【讨论】：