Error: "SyntaxError: class is a reserved identifier"

@ahopkins wrote:

I have some older browsers that I need to support. In particular FF38. I am currently running Ember v3, with ember-cli-babel installed (version 6.12.0).

My ember-cli-build.js looks like this:

  let app = new EmberApp(defaults, {
    'ember-cli-babel': {
      includePolyfill: true
    },
    babel: {
      plugins: [
        'transform-object-rest-spread'
      ]
    }
  });

However … I am still getting an error:

SyntaxError: class is a reserved identifier

Specifically, the code it is griping about is this:

  /**
   * AJAX Promise
   *
   * Sub-class of RSVP Promise that passes the XHR property on to the
   * child promise
   *
   * @extends RSVP.Promise
   * @private
   */
  class AJAXPromise extends Ember.RSVP.Promise {
    /**
     * Overriding `.then` to add XHR to child promise
     *
     * @public
     * @return {AJAXPromise} child promise
     */
    then() {

What am I missing? Isn’t this the whole point to using babel, to fix these issues? Why isn’t Ember and Babel transpiling this for me? What am I missing?

Posts: 1

Participants: 1

Read full topic