IE에서 vue 구동하는방법

Woong · 1월 10, 2019, 6:07오전

vue-cli + express 를 사용하여 홈페이지를 만들고있는데
(http://vuejs.kr/2017/02/05/express-with-vue/)

IE에서만 오류가 뜨네요 몇일을 찾아봐도 도무지 해결되지 않습니다ㅜㅜ

SCRIPT1002 구문오류(if(!(t=>"[object RegExp]"===Object.prototype.toString.call(t))와
SCRIPT5007: 정의되지 않음 또는 null 참조인 ‘call’ 속성을 가져올 수 없습니다.

가 뜨는데 어떻게 해야할까요ㅜㅜ…

“webpack-dev-server”: “^2.11.3” 을 사용하고있습니다…

DongWoo_Gim · 1월 10, 2019, 6:30오전

babel의 target에 IE11 을 포함하셔야 합니다. 일부는 코드는 폴리필이 필요하고요.

github.com

vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js#L63




// resolve targets
let targets
if (process.env.VUE_CLI_BABEL_TARGET_NODE) {
  // running tests in Node.js
  targets = { node: 'current' }
} else if (process.env.VUE_CLI_BUILD_TARGET === 'wc' || process.env.VUE_CLI_BUILD_TARGET === 'wc-async') {
  // targeting browsers that at least support ES2015 classes
  // https://github.com/babel/babel/blob/master/packages/babel-preset-env/data/plugins.json#L52-L61
  targets = {
    browsers: [
      'Chrome >= 49',
      'Firefox >= 45',
      'Safari >= 10',
      'Edge >= 13',
      'iOS >= 10',
      'Electron >= 0.36'
    ]
  }
} else if (process.env.VUE_CLI_MODERN_BUILD) {
  // targeting browsers that support <script type="module">

찾아보니 IE는 아예 제외되어 있기 때문에 babel.config.js 를 수정하셔야 합니다.