25
28

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

vue.js/vue-cliがIE11で動かない

Last updated at Posted at 2018-11-06

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>

動きました~:v:

25
28
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
25
28

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?