{"id":2614,"date":"2018-03-09T16:54:22","date_gmt":"2018-03-09T07:54:22","guid":{"rendered":"http:\/\/www.whoocus.com\/blog\/?p=2614"},"modified":"2018-03-09T16:54:41","modified_gmt":"2018-03-09T07:54:41","slug":"brunch%e3%81%a7jsx%e3%82%b3%e3%83%b3%e3%83%91%e3%82%a4%e3%83%ab%e3%82%a8%e3%83%a9%e3%83%bc","status":"publish","type":"post","link":"https:\/\/www.blowfish.co.jp\/?p=2614","title":{"rendered":"brunch\u3067JSX\u30b3\u30f3\u30d1\u30a4\u30eb\u30a8\u30e9\u30fc"},"content":{"rendered":"<p>Phoenix\u3067\u3001React\u3092\u4f7f\u7528\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u3066\u3001Brunch\u3067JSX\u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3002<\/p>\n<p>[bash]<br \/>\nerror: Compiling of js\/app.js failed. L29:12 Unexpected token<br \/>\n     27 |     render(){<br \/>\n     28 |         return(<br \/>\n   &gt; 29 |             &lt;div className=&quot;App&quot;&gt;<br \/>\n        |             ^<br \/>\n     30 |                 &lt;div className=&quot;App-header&quot;&gt;<br \/>\n     31 |                     &lt;h2&gt;Dash Board&lt;\/h2&gt;<br \/>\n     32 |                 &lt;\/div&gt;<br \/>\n[\/bash]<\/p>\n<p>Brunch\u306e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3067\u3042\u308b\u3001brunch-config.js \u306b\u4e0b\u8a18\u3092\u8ffd\u8a18\u3057\u305f\u3089\u52d5\u3044\u305f\u3002<\/p>\n<p>[javascript]<br \/>\n  \/\/ Configure your plugins<br \/>\n  plugins: {<br \/>\n    babel: {<br \/>\n      \/\/ Do not use ES6 compiler in vendor code<br \/>\n      presets: [&quot;es2015&quot;, &quot;react&quot;],<br \/>\n      ignore: [\/vendor\/]<br \/>\n    }<br \/>\n  },<br \/>\n[\/javascript]<\/p>\n<p>\u306a\u304b\u306a\u304b\u3069\u3046\u3057\u3066\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Phoenix\u3067\u3001React\u3092\u4f7f\u7528\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u3066\u3001Brunch\u3067JSX\u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3002 [bash] error: Compiling of js\/app.js failed. L29:12 Unexpect [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"footnotes":""},"categories":[64,10,61,4],"tags":[],"class_list":["post-2614","post","type-post","status-publish","format-standard","hentry","category-brunch","category-javascript","category-react-js","category-tech"],"_links":{"self":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2614"}],"version-history":[{"count":3,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2614\/revisions"}],"predecessor-version":[{"id":2617,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2614\/revisions\/2617"}],"wp:attachment":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}