如何配置 polyfill 以使 vuex 与 IE11 一起用于纯 JavaScript 应用程序？

Question

我还不知道如何使用 TypeScript 进行转译。我正在尝试构建一个基本的 Vue 应用程序，但它没有在 IE11 中运行。

Vue.use(VeeValidate);

var vm = new Vue({
    el: "#app",
    store,
    data: { 
        error: "",
        isBusy: false
    }
})

所以我知道我需要一个 polyfill。我在 Vue 和 Vuex 脚本标签之前添加了一些 CDN 托管脚本。

<script src="https://polyfill.io/v3/polyfill.min.js?features=Promise-polyfill%2CPromise.prototype.finally-polyfill%2CObject.assign-polyfill%2CObject.defineProperty-polyfill%2CObject.entries-polyfill%2CObject.freeze-polyfill%2CObject.create-polyfill%2CObject.defineProperties-polyfill"></script>
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.js"></script>
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
            asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
            asp-fallback-test="window.jQuery"
            crossorigin="anonymous"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"
            asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"
            asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
            crossorigin="anonymous"
            integrity="sha256-E/V4cWE4qvAeO5MOhjtGtqDzPndRO1LBk8lJ/PR7CA4=">
    </script>
<script src="https://unpkg.com/axios@0.18.0/dist/axios.min.js"></script>
<script src="https://unpkg.com/lodash@4.17.11/lodash.min.js"></script>
<script src="https://unpkg.com/vee-validate@2.0.0-rc.21/dist/vee-validate.min.js"></script>
<script src="https://unpkg.com/vue-router@0.7.13/dist/vue-router.min.js"></script>
<script src="https://unpkg.com/vuex@3.1.0/dist/vuex.min.js"></script>
<script src="https://unpkg.com/vue@2.6.8/dist/vue.min.js"></script>
<script src="/js/dataStore.js?v=TOzjuYw4pqmi52KBE0sWgA-lGc7kdqLMFfR7X8q544A"></script>
<script src="/js/main.js?v=GnJcxmw4JPycX0K_Vvb6HLjM5dg_3qX3YpFa11fb4ps"></script>

上面的 Vue 应用程序位于 main.js。 IE 不喜欢 store 属性。

我需要做些什么来应用 polyfill 并使这个 Vue 应用程序与 IE 11 兼容？

Answer 1

object_literal_extensions is not supported by ie11:

var vm = new Vue({
    el: "#app",
    store,
    data: { 
    error: "",
    isBusy: false
}

必须是：

var vm = new Vue({
    el: "#app",
    store: store,
    data: { 
    error: "",
    isBusy: false
}