ES6 Vue 和 Webpack 项目不能在 IE11 上运行，但可以在 Chrome 上运行答案

【问题标题】：ES6 Vue and Webpack project doesn't run on IE11 but works on ChromeES6 Vue 和 Webpack 项目不能在 IE11 上运行，但可以在 Chrome 上运行
【发布时间】：2018-04-19 08:46:48
【问题描述】：

我正在用 ES6+vue+webpack 写一个项目。目前该项目可以在 Chrome 中运行，但是在 IE11 中运行时，它会出现一些问题，并且无法按预期运行。它引发以下错误。有人可以帮我解决这个问题吗？

错误提示是：

if (!canWriteStorage(storage)) {throw new Error('Invalid storage instance given');}

这个方法不是我写的，有什么问题呢？

【问题讨论】：

显然 canWriteStorage(storage) 返回 false ...因此您的代码按预期抛出错误
抱歉，如果没有更多上下文，很难提供帮助。您可以编辑您的帖子以包含更多代码吗？ storage 变量声明在哪里？
IE11、edge、firefox never supported WebSQL。那可能是你的问题吗？快速检查 chrome devtools、应用程序选项卡、WebSQL，将显示那里是否正在编写任何内容。

标签： javascript html internet-explorer webpack vue.js

【解决方案1】：

Vue 支持 IE11，只有一个例外 - 承诺。将 promise polyfill 添加到资产。我正在使用 ES6 Promise (https://github.com/stefanpenner/es6-promise)。而且，当然，你必须转译你的代码，IE11 不支持 ES6。将 Babel 与 webpack 一起使用。如果您使用的是 fetch，而不是 Axios，请使用 fetch polyfill……我想就是这样。您的应用程序将在 IE11 上运行。最后，有了所有这些 polyfills 和 transpilation，也许你也可以将它定位到 IE10...

【讨论】：