Question

我的网站中很大一部分都是用VueJS编写的。我注意到它没有在IE 11（或Safari 9及以下版本）中加载。不幸的是，IE 11仍占该网站流量的10％。

在添加polyfill并在IE11的开发人员控制台中修复了一些其他错误之后，该站点仍然无法加载。我只看到一个空白页。我将兼容模式设置为edge，仍然没有。控制台没有错误，只有一些警告。我确实使用gulp在es2015 + babel-polyfill中运行了此操作。

以前有人处理过吗？恐怕我将不得不逐段剥离应用程序，直到我隔离导致问题的代码或元素。可能要花上几天的时间，因为IE 11无法提供任何调试信息。

Answer 1

这里的问题是标记内的ES6样式JavaScript。示例：

<div class="tabs tab_select" data-group="tabs" data-ref="room" v-on:click="(event) => { toggleTab(event, property) }">

需要为：

<div class="tabs tab_select" data-group="tabs" data-ref="room" v-on:click="toggleTab(event, property)">

Answer 2

我发现我的网站像Intranet上的所有网站一样都以兼容模式自动运行。

对我而言，解决此问题的方法是使用meta标签将目标设置为所需的版本（我需要定位至少IE 10）。

<meta http-equiv="X-UA-Compatible" content="IE=10" />

Answer 3

将其放在您的index.html

上

<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.5/bluebird.min.js"></script>