Как мне настроить polyfill, чтобы заставить vuex работать с IE11 для простого приложения javascript? - PullRequest
1 голос
/ 14 марта 2019

Я пока не знаю, как выполнить с помощью TypeScript. Я пытаюсь создать базовое приложение Vue, и оно не работает в IE11.

Vue.use(VeeValidate);

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

Итак, я понимаю, что мне нужен полифилл. Я добавил для этого несколько сценариев, размещенных на CDN, перед тегами сценариев Vue и Vuex.

<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 не нравится свойство магазина.

Что мне нужно сделать, чтобы применить polyfill и сделать это приложение Vue совместимым с IE 11?

1 Ответ

1 голос
/ 17 марта 2019

object_literal_extensions не поддерживается ie11 :

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

должно быть:

var vm = new Vue({
    el: "#app",
    store: store,
    data: { 
    error: "",
    isBusy: false
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...