sota1235 https://blog.hatena.ne.jp/sota1235/ はらへり日記 https://sota1235.hatenablog.com/ JavaScript React.js Gulp 困ったこと 最近今更ながらReact.jsを書いているのだがその際に困ったことについて書く。 コンパイルにはGulpを使う前提です。環境としては以下のとおり React.js v0.14 babelify v7.2.0 問題 GulpでES2015で書いたjsxファイルをコンパイルをすると各コンポーネントが<No Display Name>となってしまった。 Chrome拡張のReact用デベロッパーコンソールで見てみると以下のとおり。 Babel5系のbabelifyを使っているときはこうならなかったので、そこらへんが原因っぽい。 調べてみる いろいろ調べるとBabel6系にあがっていろいろ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsota1235.hatenablog.com%2Fentry%2F2015%2F11%2F07%2F132832" title="Babelで書いたReactのJSXがNo Display Nameになる - はらへり日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://i.gyazo.com/c551d21ba0943066fd01252b99c6fc2a.png Hatena Blog https://hatena.blog 2015-11-07 13:28:32 rich https://sota1235.hatenablog.com/entry/2015/11/07/132832 1.0 100%