我们的应用程序 ( https://web.hashlearn.com ) 是使用 Vuetify 构建的,并且在除 IE11 之外的所有浏览器中看起来都很棒(我们不支持 < IE11)。这本质上是一个带有 Webpacker、VueJS 和 Vuetify (0.16.9) 的 Rails 应用程序。除了 IE11 中的一些问题外,大多数事情似乎都有效,图标只是没有出现在 IE 中。我尝试了多种方法,包括:
- 通过 npm 安装并包含 babel-polyfill 并将其导入我们的 application.js
- 通过 Webpacker 条目配置包括 babel-polyfill,如下所示:https ://github.com/rails/webpacker/issues/523#issuecomment-309871748
.babelrc
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": "> 1%",
"node": "current",
"uglify": true
},
"useBuiltIns": true
}]
],
"plugins": [
"transform-object-rest-spread",
"syntax-dynamic-import",
["transform-class-properties", { "spec": true }],
["transform-runtime", { "polyfill": false, "regenerator": true }]
]
}
有人遇到过这种问题吗?你是如何解决这些问题的?不过, GitHub中报告的大多数问题似乎都没有适当的解决方案。