IE 11で babel-plugin-transform-react-inline-elements の最適化を入れると画面に何も表示されない - Qiita

IE でだけ、画面に何も表示されないんですけど？ いきなりこの知らせを受けたので、調査することに。フロントエンジニアにはよくある事なので落ち着いて IE 環境を modern.IE でセットアップしつつ状況を漁っていた。 結論 babel plugin で production ビルドのみ以下のoptimizationがロードされていて、それをオフにしたら動作した。 原因 IE には Symbol が実装されていない、かつ、 React の JSX は内部的に Symbol が使われている。基本的に React が createElement で生成したObjectであれば、そのタイミングで polyfill 化された Symbolが入っていて、同値比較と正当性チェックをパスするので問題ない。 問題があるのは、 babel-plugin-transform-react-inline-ele

[gfx]

[React][IE]

[efcl]

`babel-plugin-transform-react-inline-elements` の最適化の問題。 optimizeのやつ大体ダメだった気がする

[yosuke_furukawa]

ちなみに React で何故そこまでしてJSXに Symbol を使っているのかを教えてくれる人募集中です。