CODEWITHSUNDEEP
ember.jsember-cli
hal9000
hal9000

Reputation: 852

Ember >2.2.0 getting regeneratorRuntime is not defined

so I was working with an iterator inside a service with Ember. The code worked using the old style scripts I cannot use the ES2015 style

ReferenceError: regeneratorRuntime is not defined

    stuff[Symbol.iterator] = function *(){
        debugger;
        let properties = Object.keys(this);
        for(let p of properties){
            yield this[p];
        }
    };

I know this is because of the new '*' operator on the function. I have seen answers https://stackoverflow.com/a/28978619/24862 that describe having to load a browser-polyfill npm but I'm a little unclear how to get this to work inside the ember framework. Has anyone done this successfully? or should I just abandon until Ember supports it.

Upvotes: 2

Views: 1319

Answers (3)

Epirocks
Epirocks

Reputation: 502

I had this error (util.js:68 Uncaught TypeError: (0 , _emberBabel.regeneratorRuntime) is not a function) throwing up, was driving me crazy.

Several hours later or removing files experimentally and readding them and doing ember serve repeatedly, it turned out (for me) to be add "ie 11" in the browsers list in config/targets.js. Removed it and then it didn't throw the error. I don't know what the actual deeper reason it throws it is.

Upvotes: 0

renno
renno

Reputation: 2827

Polyfill

Babel comes with a polyfill that includes a custom regenerator runtime and core-js. Many transformations will work without it, but for full support you may need to include the polyfill in your app.

You should now include as ember-cli-babel and not as babel. Like this:

var app = new EmberApp(defaults, {
    'ember-cli-babel': {
        includePolyfill: true
    }
}

Regenerator:

This package implements a fully-functional source transformation that takes the syntax for generators/yield from ECMAScript 2015 or ES2015 and Asynchronous Iteration proposal and spits out efficient JS-of-today (ES5) that behaves the same way.

Sources: https://github.com/babel/ember-cli-babel and https://github.com/facebook/regenerator

Upvotes: 4

pixelhandler
pixelhandler

Reputation: 625

Perhaps your use of Babel.js needs to include the polyfill, in your ember-cli-build.js file use:

  var app = new EmberApp(defaults, {
    // Add options here
    babel: {
      includePolyfill: true
    }
  });

Upvotes: 2

Related Questions