Can't precompile production assets when using ES6

Question

I have some code using template strings which works in development, but the push to Heroku fails with this error:

 ExecJS::RuntimeError: SyntaxError: Unexpected character '`'

Running bundle exec rake assets:precompile RAILS_ENV=production shows the same thing.

The code is something like this:

`1 + 1 is ${1 + 1}`

I wonder if the Heroku Node version is too low to support this. I'm not customizing this at all. Just pushing a Rails 4 app with the default configuration.

@theBrezilien no, it's just js.erb templates. I don't know why Babel would be needed since major browsers support template strings anyway — max pleaner, Jan 08 '17 at 18:12

score 11 · Accepted Answer · answered Jan 08 '17 at 20:32

11

I eventually found this thread: https://github.com/browserify-rails/browserify-rails/issues/137

where I found the recommendation to comment out the line:

config.assets.js_compressor = :uglifier

The problem is that the 'uglifier' (minifier) was not working correctly with the ES6 syntax.

As the thread mentions, using this fix means that the scripts will no longer be minified, so I'd still be curious if there's a better solution.

answered Jan 08 '17 at 20:32

max pleaner

26,189
9
66
118

Omg man, I love you! I spent my day trying to solve this problem. You saved me :) Thank you very much. – denyzprahy May 05 '17 at 19:00

score 10 · Answer 2 · answered Mar 28 '18 at 07:14

Uglifier now has experimental ES6 support, but you have to config it first:

in config/environments/production.rb

replace

config.assets.js_compressor = :uglifier

with

config.assets.js_compressor = Uglifier.new(harmony: true)

However, ES6 is not extensively tested. More stable alternatives for working with ES6 code is to first transpile to ES5 with e.g. babel-transpiler or using Closure Compiler to directly minify ES6 code.

Document: https://github.com/lautis/uglifier#user-content-es6--es2015--harmony-mode

Can't precompile production assets when using ES6

2 Answers2