Babel7 ES and async/await

jrogalan · October 26, 2018, 8:51am

I’m trying to use async/await with a fresh project with aurelia cli (babel7, es, and the new aurelia bundler…)

But I’m getting the nasty "ReferenceError: regeneratorRuntime is not define ".

Looking out there in the docs of babel I have added to .babelrc.js plugins:

return {
“plugins”: [
[’@babel/plugin-transform-runtime’,
{
“corejs”: false,
“helpers”: true,
“regenerator”: true,
“useESModules”: false
}]
…

but it’s not working…any ideas?

bigopon · October 26, 2018, 11:30am

Did you try to add babel polyfill? A google for "ReferenceError: regeneratorRuntime is not define" shows a lot of results related to missing babel polyfill

AlbertoDePena · October 26, 2018, 11:58am

Not sure how to do it in au CLI but here is an example with webpack. Perhaps that can give you a clue…

github.com

AlbertoDePena/aurelia-webpack-babel-starter/blob/master/webpack.config.js

"use strict";

const path = require("path");
const Webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { AureliaPlugin } = require("aurelia-webpack-plugin");

const resolve = filePath => path.resolve(__dirname, filePath);

module.exports = (env, argv) => {
    const isDevMode = argv.mode !== "production";

    return {
        mode: isDevMode ? "development" : "production",
        devtool: isDevMode ? "eval-source-map" : false,
        entry: {
            bundle: [
                resolve("./node_modules/@babel/polyfill"),
                resolve("./node_modules/aurelia-bootstrapper")
            ]

This file has been truncated. show original

ormasoftchile · October 26, 2018, 5:56pm

Hi, in your main.js or main.ts file, add
import ‘babel-polyfill’;

Regards,

huochunpeng · October 26, 2018, 8:47pm

With babel7, it is import '@babel/polyfill';.

jrogalan · October 28, 2018, 8:49pm

Hey guys, thank you all for the answers… but none of them worked for me.

I have left it for the moment because I have other priorities … and in the end I will also convert all the code to typescript.

huochunpeng · October 29, 2018, 4:00pm

@jrogalan would you mind to open an issue in cli github repo? I will try to fix the skeleton after my vacation.

jrogalan · October 29, 2018, 5:00pm

Awesome @huochunpeng ,

Thanks!

LetsZiggy · November 3, 2018, 5:53pm

Hi @jrogalan,
I managed to get async await working with by adding this to prepend in aurelia.json

aurelia.json

…
“name”: “vendor-bundle.js”,
“prepend”: [
“node_modules/@babel/polyfill/dist/polyfill.min.js”,
“node_modules/bluebird/js/browser/bluebird.core.js”,
…

jrogalan · November 5, 2018, 2:06pm

@LetsZiggy thank you! its works like a charm…

Topic		Replies	Views
Babel Polyfills with PresetEnv Help Requests	3	320	December 7, 2022
Unit tests with Webpack Help Requests	5	660	May 25, 2022
HELP! - How to get Aurelia working in .NetCore MVC Help Requests	14	2594	February 15, 2019
Frustrations with Aurelia-CLI	7	2336	April 12, 2018
Vheissu/aurelia-configuration (Aurelia 1) and webpack compilation failure Help Requests	1	294	March 10, 2023

Babel7 ES and async/await

Related Topics