Praca domowa nr5 - regeneratorRuntime is not defined

[rwasiak]

Czy z taką konfiguracją Webpacka jaka była w boilerplate działają Wam funkcje async / await?

U mnie niestety pokazuje się ReferenceError: regeneratorRuntime is not defined.

Screenshoot

[dzienisz]

Musisz w takim razie dodać polyfill do Babela. Z tego co widzę będzie to "stage-0".

Łap te linki, jak będzie coś niejasne to pomogę.

• https://stackoverflow.com/questions/33527653/babel-6-regeneratorruntime-is-not-defined?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa
• https://github.com/babel/babel-preset-env/issues/112

[rwasiak]

Dzięki Kamil! :)

Działający fix:

1. npm install babel-polyfill
2. dodanie import 'babel-polyfill' na górze w App.js

[michalwiacek]

Z tego co ja wyczytałem (oraz było chyba na wykładzie) polyfilli już nie trzeba. Wystarczy w babelu usunąć ie oraz operę mini

https://www.valentinog.com/blog/how-async-await-in-react/

[rwasiak]

Michał, próbowałem z takimi ustawieniami i nie działało...

Screenshoot

[michalwiacek]

U mnie działa ale nie pokaże teraz ustawień bo pieszę mobilnie

[michalwiacek]

npm i babel-preset-env --save-dev

.babelrc :

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": [
          ">025%",
          "not ie 11",
          "not op_mini all"
        ]
      }
    }],
    "react",
    "stage-2"
  ]
}