{"action":"opened","issue":{"url":"https://api.github.com/repos/shakacode/react_on_rails/issues/1060","repository_url":"https://api.github.com/repos/shakacode/react_on_rails","labels_url":"https://api.github.com/repos/shakacode/react_on_rails/issues/1060/labels{/name}","comments_url":"https://api.github.com/repos/shakacode/react_on_rails/issues/1060/comments","events_url":"https://api.github.com/repos/shakacode/react_on_rails/issues/1060/events","html_url":"https://github.com/shakacode/react_on_rails/issues/1060","id":314919342,"number":1060,"title":"Can't deploy to heroku due to Syntax Error (unrecognized JSX)","user":{"login":"hakunin","id":65846,"avatar_url":"https://avatars1.githubusercontent.com/u/65846?v=4","gravatar_id":"","url":"https://api.github.com/users/hakunin","html_url":"https://github.com/hakunin","followers_url":"https://api.github.com/users/hakunin/followers","following_url":"https://api.github.com/users/hakunin/following{/other_user}","gists_url":"https://api.github.com/users/hakunin/gists{/gist_id}","starred_url":"https://api.github.com/users/hakunin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hakunin/subscriptions","organizations_url":"https://api.github.com/users/hakunin/orgs","repos_url":"https://api.github.com/users/hakunin/repos","events_url":"https://api.github.com/users/hakunin/events{/privacy}","received_events_url":"https://api.github.com/users/hakunin/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-17T06:15:17Z","updated_at":"2018-04-17T06:15:17Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\njust did a fresh install with Rails 5.1.5, added react_on_rails, works nice locally, but fails to deploy (it doesn't seem to recognize JSX).\r\n\r\n```\r\nsimulator master $ git push heroku master\r\nCounting objects: 539, done.\r\nDelta compression using up to 8 threads.\r\nCompressing objects: 100% (424/424), done.\r\nWriting objects: 100% (539/539), 237.61 KiB | 0 bytes/s, done.\r\nTotal 539 (delta 183), reused 216 (delta 60)\r\nremote: Compressing source files... done.\r\nremote: Building source:\r\nremote:\r\nremote: -----> Node.js app detected\r\nremote:\r\nremote: -----> Creating runtime environment\r\nremote:\r\nremote:        NPM_CONFIG_LOGLEVEL=error\r\nremote:        NODE_VERBOSE=false\r\nremote:        NODE_ENV=production\r\nremote:        NODE_MODULES_CACHE=true\r\nremote:\r\nremote: -----> Installing binaries\r\nremote:        engines.node (package.json):  unspecified\r\nremote:        engines.npm (package.json):   unspecified (use default)\r\nremote:        engines.yarn (package.json):  unspecified (use default)\r\nremote:\r\nremote:        Resolving node version 8.x...\r\nremote:        Downloading and installing node 8.11.1...\r\nremote:        Using default npm version: 5.6.0\r\nremote:        Resolving yarn version 1.x...\r\nremote:        Downloading and installing yarn (1.6.0)...\r\nremote:        Installed yarn 1.6.0\r\nremote:\r\nremote: -----> Restoring cache\r\nremote:        Skipping cache restore (not-found)\r\nremote:\r\nremote: -----> Building dependencies\r\nremote:        Installing node modules (yarn.lock)\r\nremote:        yarn install v1.6.0\r\nremote:        [1/4] Resolving packages...\r\nremote:        [2/4] Fetching packages...\r\nremote:        info fsevents@1.1.3: The platform \"linux\" is incompatible with this module.\r\nremote:        info \"fsevents@1.1.3\" is an optional dependency and failed compatibility check. Excluding it from installation.\r\nremote:        [3/4] Linking dependencies...\r\nremote:        warning \"@rails/webpacker > postcss-cssnext@3.1.0\" has unmet peer dependency \"caniuse-lite@^1.0.30000697\".\r\nremote:        warning \" > react-on-rails@10.1.4\" has unmet peer dependency \"babel-runtime@>= 6\".\r\nremote:        warning \" > react-on-rails@10.1.4\" has unmet peer dependency \"js-yaml@>= 3.0.0\".\r\nremote:        warning \" > react-select@1.0.0-rc.3\" has incorrect peer dependency \"react@^0.14 || ^15.0.0-rc || ^15.0\".\r\nremote:        warning \" > react-select@1.0.0-rc.3\" has incorrect peer dependency \"react-dom@^0.14 || ^15.0.0-rc || ^15.0\".\r\nremote:        warning \" > webpack-dev-server@2.11.2\" has unmet peer dependency \"webpack@^2.2.0 || ^3.0.0\".\r\nremote:        warning \"webpack-dev-server > webpack-dev-middleware@1.12.2\" has unmet peer dependency \"webpack@^1.0.0 || ^2.0.0 || ^3.0.0\".\r\nremote:        [4/4] Building fresh packages...\r\nremote:        Done in 32.28s.\r\nremote:\r\nremote: -----> Caching build\r\nremote:        Clearing previous node cache\r\nremote:        Saving 2 cacheDirectories (default):\r\nremote:        - node_modules\r\nremote:        - bower_components (nothing to cache)\r\nremote:\r\nremote: -----> Pruning devDependencies\r\nremote:        yarn install v1.6.0\r\nremote:        [1/4] Resolving packages...\r\nremote:        [2/4] Fetching packages...\r\nremote:        info fsevents@1.1.3: The platform \"linux\" is incompatible with this module.\r\nremote:        info \"fsevents@1.1.3\" is an optional dependency and failed compatibility check. Excluding it from installation.\r\nremote:        [3/4] Linking dependencies...\r\nremote:        warning \"@rails/webpacker > postcss-cssnext@3.1.0\" has unmet peer dependency \"caniuse-lite@^1.0.30000697\".\r\nremote:        warning \" > react-on-rails@10.1.4\" has unmet peer dependency \"babel-runtime@>= 6\".\r\nremote:        warning \" > react-on-rails@10.1.4\" has unmet peer dependency \"js-yaml@>= 3.0.0\".\r\nremote:        warning \" > react-select@1.0.0-rc.3\" has incorrect peer dependency \"react@^0.14 || ^15.0.0-rc || ^15.0\".\r\nremote:        warning \" > react-select@1.0.0-rc.3\" has incorrect peer dependency \"react-dom@^0.14 || ^15.0.0-rc || ^15.0\".\r\nremote:        warning \" > webpack-dev-server@2.11.2\" has unmet peer dependency \"webpack@^2.2.0 || ^3.0.0\".\r\nremote:        warning \"webpack-dev-server > webpack-dev-middleware@1.12.2\" has unmet peer dependency \"webpack@^1.0.0 || ^2.0.0 || ^3.0.0\".\r\nremote:        [4/4] Building fresh packages...\r\nremote:        warning Ignored scripts due to flag.\r\nremote:        Done in 7.51s.\r\nremote:\r\nremote: -----> Build succeeded!\r\nremote:  !     This app may not specify any way to start a node process\r\nremote:        https://devcenter.heroku.com/articles/nodejs-support#default-web-process-type\r\nremote:\r\nremote:  !     Unmet dependencies don't fail yarn install but may cause runtime issues\r\nremote:        https://github.com/npm/npm/issues/7494\r\nremote:\r\nremote: -----> Ruby app detected\r\nremote: -----> Compiling Ruby/Rails\r\nremote: -----> Using Ruby version: ruby-2.3.7\r\nremote: -----> Installing dependencies using bundler 1.15.2\r\nremote:        Running: bundle install --without development:test --path vendor/bundle --binstubs vendor/bundle/bin -j4 --deployment\r\nremote:        Fetching gem metadata from https://rubygems.org/.........\r\nremote:        Fetching version metadata from https://rubygems.org/..\r\nremote:        Fetching dependency metadata from https://rubygems.org/.\r\nremote:        Fetching rake 12.3.1\r\nremote:        Fetching concurrent-ruby 1.0.5\r\nremote:        Fetching minitest 5.11.3\r\nremote:        Installing rake 12.3.1\r\nremote:        Installing minitest 5.11.3\r\nremote:        Installing concurrent-ruby 1.0.5\r\nremote:        Fetching thread_safe 0.3.6\r\nremote:        Installing thread_safe 0.3.6\r\nremote:        Fetching builder 3.2.3\r\nremote:        Installing builder 3.2.3\r\nremote:        Fetching erubi 1.7.1\r\nremote:        Fetching mini_portile2 2.3.0\r\nremote:        Installing erubi 1.7.1\r\nremote:        Installing mini_portile2 2.3.0\r\nremote:        Fetching crass 1.0.4\r\nremote:        Fetching rack 2.0.4\r\nremote:        Installing crass 1.0.4\r\nremote:        Fetching nio4r 2.3.0\r\nremote:        Installing rack 2.0.4\r\nremote:        Installing nio4r 2.3.0 with native extensions\r\nremote:        Fetching websocket-extensions 0.1.3\r\nremote:        Installing websocket-extensions 0.1.3\r\nremote:        Fetching mini_mime 1.0.0\r\nremote:        Installing mini_mime 1.0.0\r\nremote:        Fetching arel 8.0.0\r\nremote:        Installing arel 8.0.0\r\nremote:        Fetching public_suffix 3.0.2\r\nremote:        Using bundler 1.15.2\r\nremote:        Fetching coffee-script-source 1.12.2\r\nremote:        Installing public_suffix 3.0.2\r\nremote:        Installing coffee-script-source 1.12.2\r\nremote:        Fetching execjs 2.7.0\r\nremote:        Fetching method_source 0.9.0\r\nremote:        Installing execjs 2.7.0\r\nremote:        Installing method_source 0.9.0\r\nremote:        Fetching thor 0.20.0\r\nremote:        Fetching connection_pool 2.2.1\r\nremote:        Installing thor 0.20.0\r\nremote:        Installing connection_pool 2.2.1\r\nremote:        Fetching diff-lcs 1.3\r\nremote:        Fetching ffi 1.9.23\r\nremote:        Installing diff-lcs 1.3\r\nremote:        Fetching multi_json 1.13.1\r\nremote:        Installing multi_json 1.13.1\r\nremote:        Fetching libv8 6.3.292.48.1 (x86_64-linux)\r\nremote:        Installing ffi 1.9.23 with native extensions\r\nremote:        Installing libv8 6.3.292.48.1 (x86_64-linux)\r\nremote:        Fetching pg 1.0.0\r\nremote:        Installing pg 1.0.0 with native extensions\r\nremote:        Fetching puma 3.11.4\r\nremote:        Installing puma 3.11.4 with native extensions\r\nremote:        Fetching rb-fsevent 0.10.3\r\nremote:        Installing rb-fsevent 0.10.3\r\nremote:        Fetching rspec-support 3.7.1\r\nremote:        Installing rspec-support 3.7.1\r\nremote:        Fetching tilt 2.0.8\r\nremote:        Installing tilt 2.0.8\r\nremote:        Fetching turbolinks-source 5.1.0\r\nremote:        Installing turbolinks-source 5.1.0\r\nremote:        Fetching rainbow 2.2.2\r\nremote:        Installing rainbow 2.2.2 with native extensions\r\nremote:        Fetching i18n 1.0.0\r\nremote:        Installing i18n 1.0.0\r\nremote:        Fetching tzinfo 1.2.5\r\nremote:        Installing tzinfo 1.2.5\r\nremote:        Fetching nokogiri 1.8.2\r\nremote:        Installing nokogiri 1.8.2 with native extensions\r\nremote:        Fetching websocket-driver 0.6.5\r\nremote:        Installing websocket-driver 0.6.5 with native extensions\r\nremote:        Fetching mail 2.7.0\r\nremote:        Installing mail 2.7.0\r\nremote:        Fetching rack-test 1.0.0\r\nremote:        Installing rack-test 1.0.0\r\nremote:        Fetching rack-proxy 0.6.4\r\nremote:        Installing rack-proxy 0.6.4\r\nremote:        Fetching sprockets 3.7.1\r\nremote:        Installing sprockets 3.7.1\r\nremote:        Fetching addressable 2.5.2\r\nremote:        Installing addressable 2.5.2\r\nremote:        Fetching coffee-script 2.4.1\r\nremote:        Installing coffee-script 2.4.1\r\nremote:        Fetching uglifier 4.1.9\r\nremote:        Installing uglifier 4.1.9\r\nremote:        Fetching mini_racer 0.1.15\r\nremote:        Installing mini_racer 0.1.15 with native extensions\r\nremote:        Fetching rb-inotify 0.9.10\r\nremote:        Installing rb-inotify 0.9.10\r\nremote:        Fetching rspec-core 3.7.1\r\nremote:        Installing rspec-core 3.7.1\r\nremote:        Fetching rspec-expectations 3.7.0\r\nremote:        Installing rspec-expectations 3.7.0\r\nremote:        Fetching rspec-mocks 3.7.0\r\nremote:        Installing rspec-mocks 3.7.0\r\nremote:        Fetching turbolinks 5.1.1\r\nremote:        Installing turbolinks 5.1.1\r\nremote:        Fetching activesupport 5.1.6\r\nremote:        Fetching loofah 2.2.2\r\nremote:        Installing loofah 2.2.2\r\nremote:        Installing activesupport 5.1.6\r\nremote:        Fetching sass-listen 4.0.0\r\nremote:        Installing sass-listen 4.0.0\r\nremote:        Fetching rspec 3.7.0\r\nremote:        Installing rspec 3.7.0\r\nremote:        Fetching rails-html-sanitizer 1.0.4\r\nremote:        Installing rails-html-sanitizer 1.0.4\r\nremote:        Fetching sass 3.5.6\r\nremote:        Installing sass 3.5.6\r\nremote:        Fetching rails-dom-testing 2.0.3\r\nremote:        Installing rails-dom-testing 2.0.3\r\nremote:        Fetching globalid 0.4.1\r\nremote:        Installing globalid 0.4.1\r\nremote:        Fetching activemodel 5.1.6\r\nremote:        Installing activemodel 5.1.6\r\nremote:        Fetching jbuilder 2.7.0\r\nremote:        Fetching actionview 5.1.6\r\nremote:        Installing jbuilder 2.7.0\r\nremote:        Installing actionview 5.1.6\r\nremote:        Fetching activejob 5.1.6\r\nremote:        Installing activejob 5.1.6\r\nremote:        Fetching activerecord 5.1.6\r\nremote:        Installing activerecord 5.1.6\r\nremote:        Fetching actionpack 5.1.6\r\nremote:        Installing actionpack 5.1.6\r\nremote:        Fetching actioncable 5.1.6\r\nremote:        Installing actioncable 5.1.6\r\nremote:        Fetching actionmailer 5.1.6\r\nremote:        Fetching railties 5.1.6\r\nremote:        Installing actionmailer 5.1.6\r\nremote:        Installing railties 5.1.6\r\nremote:        Fetching sprockets-rails 3.2.1\r\nremote:        Installing sprockets-rails 3.2.1\r\nremote:        Fetching coffee-rails 4.2.2\r\nremote:        Fetching rails 5.1.6\r\nremote:        Installing coffee-rails 4.2.2\r\nremote:        Installing rails 5.1.6\r\nremote:        Fetching sass-rails 5.0.7\r\nremote:        Fetching webpacker 3.4.3\r\nremote:        Installing sass-rails 5.0.7\r\nremote:        Installing webpacker 3.4.3\r\nremote:        Fetching react_on_rails 10.0.2\r\nremote:        Installing react_on_rails 10.0.2\r\nremote:        Bundle complete! 20 Gemfile dependencies, 71 gems now installed.\r\nremote:        Gems in the groups development and test were not installed.\r\nremote:        Bundled gems are installed into ./vendor/bundle.\r\nremote:        Bundle completed (33.62s)\r\nremote:        Cleaning up the bundler cache.\r\nremote: -----> Detecting rake tasks\r\nremote: -----> Preparing app for Rails asset pipeline\r\nremote:        Running: rake assets:precompile\r\nremote:        ReactOnRails: Set generated_assets_dir to default: public/webpack/production\r\nremote:        cd /tmp/build_93fd636f62c13aa901396765b5b646cc && RAILS_ENV=production bin/webpack\r\nremote:        Hash: fa96312fb31240ca4f50\r\nremote:        Version: webpack 3.11.0\r\nremote:        Time: 1768ms\r\nremote:                                                 Asset       Size  Chunks                    Chunk Names\r\nremote:            hello-world-bundle-012443c678121fbca9cb.js     901 kB       0  [emitted]  [big]  hello-world-bundle\r\nremote:                   hello_react-cbedc3a09ac1270ea6f2.js    2.98 kB       1  [emitted]         hello_react\r\nremote:                   application-db50d639870ec0024f48.js    3.27 kB       2  [emitted]         application\r\nremote:        hello-world-bundle-012443c678121fbca9cb.js.map    1.02 MB       0  [emitted]         hello-world-bundle\r\nremote:               hello_react-cbedc3a09ac1270ea6f2.js.map     2.5 kB       1  [emitted]         hello_react\r\nremote:               application-db50d639870ec0024f48.js.map    3.19 kB       2  [emitted]         application\r\nremote:                                         manifest.json  450 bytes          [emitted]\r\nremote:          [45] (webpack)/buildin/global.js 509 bytes {0} [built]\r\nremote:          [64] ./app/javascript/packs/application.js 515 bytes {2} [built]\r\nremote:          [65] ./app/javascript/packs/hello_react.jsx 226 bytes {1} [built] [failed] [1 error]\r\nremote:          [66] ./app/javascript/packs/hello-world-bundle.js 224 bytes {0} [built]\r\nremote:            + 131 hidden modules\r\nremote:\r\nremote:        ERROR in ./app/javascript/packs/hello_react.jsx\r\nremote:        Module build failed: SyntaxError: Unexpected token (10:2)\r\nremote:\r\nremote:           8 |\r\nremote:           9 | const Hello = props => (\r\nremote:        > 10 |   <div>Hello {props.name}!</div>\r\nremote:             |   ^\r\nremote:          11 | )\r\nremote:          12 |\r\nremote:          13 | Hello.defaultProps = {\r\nremote:\r\nremote:\r\nremote:        ERROR in ./app/javascript/bundles/HelloWorld/components/HelloWorld.jsx\r\nremote:        Module build failed: SyntaxError: Unexpected token (16:6)\r\nremote:\r\nremote:          14 |   render() {\r\nremote:          15 |     return (\r\nremote:        > 16 |       <App>\r\nremote:             |       ^\r\nremote:          17 |         <MainChart />\r\nremote:          18 |         <Timeline />\r\nremote:          19 |       </App>\r\nremote:\r\nremote:         @ ./app/javascript/packs/hello-world-bundle.js 3:0-69\r\nremote:        rake aborted!\r\nremote:        Command failed with status (2): [cd /tmp/build_93fd636f62c13aa901396765b5b6...]\r\nremote:        /tmp/build_93fd636f62c13aa901396765b5b646cc/vendor/bundle/ruby/2.3.0/gems/react_on_rails-10.0.2/lib/tasks/assets.rake:64:in `block (3 levels) in <top (required)>'\r\nremote:        /tmp/build_93fd636f62c13aa901396765b5b646cc/vendor/bundle/ruby/2.3.0/gems/rake-12.3.1/exe/rake:27:in `<top (required)>'\r\nremote:        Tasks: TOP => assets:precompile => react_on_rails:assets:compile_environment => react_on_rails:assets:webpack\r\nremote:        (See full trace by running task with --trace)\r\nremote:  !\r\nremote:  !     Precompiling assets failed.\r\nremote:  !\r\nremote:  !     Push rejected, failed to compile Ruby app.\r\nremote:\r\nremote:  !     Push failed\r\nremote: Verifying deploy...\r\nremote:\r\n ! [remote rejected] master -> master (pre-receive hook declined)\r\ne```"}}
{"actor":{"display_login":"hakunin"}}