prosource

플레인 자바스크립트 앱에서 vuex가 IE11과 함께 작동하도록 폴리필을 어떻게 구성합니까?

probook 2023. 6. 27. 22:22
반응형

플레인 자바스크립트 앱에서 vuex가 IE11과 함께 작동하도록 폴리필을 어떻게 구성합니까?

나는 아직 TypeScript로 어떻게 transfile 하는지 모릅니다.기본적인 Vue 애플리케이션을 구축하려고 하는데 IE11에서 실행되지 않습니다.

Vue.use(VeeValidate);

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

그래서 폴리필이 필요하다는 것을 이해합니다.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.jsIE는 상점 자산을 좋아하지 않습니다.

폴리필을 적용하고 이 Vue 앱이 IE 11과 호환되도록 하려면 어떻게 해야 합니까?

object_messages_extensions는 i11에서 지원되지 않습니다.

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

다음과 같아야 합니다.

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

언급URL : https://stackoverflow.com/questions/55154159/how-do-i-configure-polyfill-to-get-vuex-to-work-with-ie11-for-plain-javascript-a

반응형