Vue组件无法在IE中呈现

Question

我创建了Vue.js组件，它们在Edge，Chrome，Firefox等中正常运行，但在IE11中无法呈现。 我使用gulp构建项目，并使用Babel将es6编译为es5。

.babelrc

{
 "plugins": ["@babel/plugin-syntax-dynamic-import"],
  "presets": [
    ["vue", {"eventModifiers": false}],
    ["@babel/preset-env",{"useBuiltIns": "entry"}]]
}

我可能需要其他预设吗？

Answer 1

@ babel / present-env预设的工作方式需要您定义构建脚本应支持的浏览器。

你可以创建一个包含确切的浏览器或浏览器的支持百分比一个browserlist要支持- https://babeljs.io/docs/en/babel-preset-env#targets

对于现代浏览器+ IE11（由于支持超过2％），您可以使用：

{
  "browserslist": [
    "> 2%"
  ]
}

Answer 2

如果IE11不支持IE11，则必须编辑

babelrc（通天塔7）

{
  "presets": [
    [
      "@vue/app",
      {
        "targets": {
          "ie": "11"
        }
      }
    ]
  ]
}

让我知道是否有帮助。 如果您使用的是Babel 6，请检查AlenGenzić的回复。