javascript - “符号”在 IE 11 中未定义

Question

我正在使用 webpack + babel 来启用 polyfill。它适用于 Edge，但在 IE 11 中它会抛出 'Symbol' is undefined。

错误引用了这一行，更具体地说是这一行中的字符 29，它是 __webpack_exports__ 的第一个下划线。

/* harmony default export */__webpack_exports__["default"]={name:'BCheckbox',props:{value:[String,Number,Boolean,Function,Object,Array,Symbol],nativeValue:[String,Number,Boolean,Function,Object,Array,Symbol],indeterminate:Boolean,type:String,disabled:Boolean,required:Boolean,name:String,size:String,trueValue:{type:[String,Number,Boolean,Function,Object,Array,Symbol],default:true},falseValue:{type:[String,Number,Boolean,Function,Object,Array,Symbol],default:false}},data:function data(){return{newValue:this.value};},computed:{computedValue:{get:function get(){return this.newValue;},set:function set(value){this.newValue=value;this.$emit('input',value);}}},watch:{/**

为什么会出现此错误？

编辑:

我正在使用 Laravel Mix，它有 this default babel configuration这是我的 .babelrc:

{
  "presets": [
    [
      "@babel/preset-env", 
      {
        "targets": {
          "browsers": ["IE 11, last 2 versions"]
        }
      }
    ]
  ]
}

Answer 1

符号是 IE11 不支持的新 javascript 概念

http://kangax.github.io/compat-table/es6/#test-Symbol

您需要在编译器配置中更改您的目标，以便将其转换为 IE11 可以解释的内容。