IE11でのエラー
chromeでは正常に動くvue.jsやvue-cliで作ったプロジェクトがIE11では表示されません。画面が真っ白になります。
コンソールで見てみると、'Symbol'が定義されていませんという風に表示されています。
原因
IE11がES2015+に対応していないことが原因です。
巷であがる解決策
によると、@babel/polifillをnpmでインストールし、適切な場所にimport '@babel/polyfill' をすればいいと書いてあります。
それでも動かない……
上記の事柄を試してもやっぱりエラーが出続けます。npm installで入ったpolyfillを一度消して、index.htmlのhead部分に以下のscriptタグを埋め込みました。(邪道ではあるのですが)
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>
動きました~