VUE CLI-3 프로젝트가 IE-11에서 작동하지 않음

VUE CLI-3 프로젝트가 IE-11에서 작동하지 않음

나는 vue-cli3를 사용하여 vuejs에서 프로젝트를 만들었다.크롬 브라우저에서는 잘 작동하지만 IE-11 버전에서는 이 링크에서 언급된 콘솔에 다음과 같은 오류가 표시된다: https://drive.google.com/file/d/1QaNwK1ekI2BwFsFyjvgbSsvwHBCmlcAD/view?usp=drivesdk 위의 스크린샷에서 지적한 콘솔 오류를 클릭하면 주어진 링크에서 디스플레이로 화면을 연다.https://drive.google.com/file/d/1_QXVjcw3cmqeC70LfNyLcr__rnXVIZIh/view?usp=drivesdk에서 mini-interr 패키지에 오류가 있는 경우:다음은 내 babel.config.js 파일 코드:

module.exports = {
  presets: [
   ['@vue/app', {
      polyfills: [
        'es6.promise',
        'es6.symbol'
      ]
    }]
  ]
}

및 .vmslistrc 파일 코드:

> 1%
last 2 versions
not ie <= 8

나는 내가 실수하고 있는 곳에 도착하고 있지 않다.내가 놓친 게 있나?만약 더 필요한 정보가 있다면 나에게 알려줘.고마워!

나는 결국 위 문제의 해결로 끝났다.IE-11 버전에서 프로젝트를 실행하려면 다음 두 단계를 따르십시오.

1. "npm install --save babel-polyfill" 명령을 사용하여 babel-polyfill을 설치하십시오.
2. 가져온 모든 패키지의 맨 위에 있는 main.js 또는 index.js 파일에서 babel-polyfill을 가져오십시오.예를 들어, 여기 main.js 파일이 있다.

참고: 마지막에 babel-polyfill을 가져오면 작동하지 않음.

import 'babel-polyfill'  
import Vue from 'vue'
import Vuetify from 'vuetify'

import router from './router'
// include script file
import './lib/DemoScript'

// include all css files
import './lib/DemoCss'

Vue.use(Vuetify)

new Vue({
    store,
    router,
    render: h => h(App),
    components: { App }
}).$mount('#app')

또 다른 솔루션: vue-cli-3의 기능을 사용하여 브라우저 지원을 활용하십시오. https://cli.vuejs.org/guide/browser-compatibility.html#modern-mode

구축할 때 한 가지 옵션만 있으면 지원할 브라우저 목록을 선택한 후 완료:-)

이것은 앱을 만드는 데 효과가 좋을 것이다.

참조URL: https://stackoverflow.com/questions/52056358/vue-cli-3-project-not-working-on-ie-11