<div id="readability-page-1" class="page"><div>Vue 앱을 IE에서 켜다보면 화면이 제대로 나오지 않거나, 빈 페이지가 나오거나 한다.
Polyfill을 하면 해결된다.
<ol>
<li><code>yarn add babel-polyfill</code></li>
<li>
main.js에 추가
<div data-language="javascript"><pre><code>import 'babel-polyfill'; //add this line
import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'</code></pre></div>
</li>
<li>
vue.config.js에 webpack 설정 추가
만약 없다면 루트 디렉토리에 파일을 만들면 된다.
<div data-language="javascript"><pre><code>module.exports = {
configureWebpack: {
 entry: ["babel-polyfill", "./src/main.js"]
}
}</code></pre></div>
</li>
</ol></div></div>

cereme.dev

Sang yun Pae

Vue 앱을 IE에서 켜다보면 화면이 제대로 나오지 않거나, 빈 페이지가 나오거나 한다.
Polyfill을 하면 해결된다.
yarn add babel-polyfill
main.js에 추가
import 'babel-polyfill'; //add this line
import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'
vue.config.js에 webpack 설정 추가
만약 없다면 루트 디렉토리에 파일을 만들면 된다.
module.exports = {
configureWebpack: {
    entry: ["babel-polyfill", "./src/main.js"]
}
}

Vue cli 3에서 IE11 Polyfill 하기

댓글