VueJS 无法在 IE11 中呈现

VueJS not rendering in IE11

我网站的很大一部分是用 VueJS 编写的。我注意到它不会在 IE 11(或 Safari 9 及更低版本)中加载。不幸的是,IE 11 仍然占网站流量的 10%。

添加 polyfill 并修复 IE11 开发人员控制台中的其他一些错误后,网站仍然无法加载。我只看到一个空白页。我将兼容模式设置为边缘,仍然没有。控制台没有错误,只有一些警告。我确实 运行 通过 es2015 + babel-polyfill 使用 gulp.

有没有人处理过这个问题?恐怕我将不得不开始逐个剥离应用程序,直到我隔离出导致问题的代码或元素。这可能需要几天时间,因为 IE 11 没有给我任何调试信息。

把它放在你的 index.html

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

这里的问题是标记中的 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)">

我发现我的网站自动 运行 处于兼容模式,就像我们内部网上的所有网站一样。

对我来说解决这个问题的方法是使用元标记将目标设置为我需要的版本(我需要至少定位 IE 10)。

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