Parcel out of the box does "regeneratorRuntime is not defined" error even with your browserlist from your guide! about complete-intro-to-react-v5 HOT 5 CLOSED

Parcel cannot use modern JavaScript's async/await out of the box any longer.

1. The simplest solution: Cut down the list of supported browsers in your package.json down to:

    "browserslist": [
        "last 2 Chrome versions",
    ]

2. More involved solution: If you want to get async working with the larger list of browsers (listed in the course videos), you must install @babel/plugin-transform-runtime like @dhawkvq suggests.

npm install @babel/plugin-transform-runtime

Then create a .babelrc file and paste in the following babel configuration:

{
  "plugins": ["@babel/plugin-transform-runtime"]
}

Here's the code diff for your reference – here I also updated all the dependencies as well.

FYI you'll have to merge it into the final config later in the course:

{
  "presets": ["@babel/preset-react","@babel/preset-env"],
  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-transform-runtime"] 
}

from complete-intro-to-react-v5.

npm install @babel/plugin-transform-runtime

navigate to your .babelrc and make sure it is added to plugins array like so....

{ "presets": ["@babel/preset-react","@babel/preset-env"], "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-transform-runtime"] }

from complete-intro-to-react-v5.

Thanks so much for posting the fix, @ellenripley4 ! Was getting the same error.

from complete-intro-to-react-v5.

This should be marked as duplicate of #55 or #48

from complete-intro-to-react-v5.

I was getting this error as well. Since i was just using chrome, I updated the browserslist to just include "last 2 Chrome versions" and i was able to proceed without error

from complete-intro-to-react-v5.