Ошибка при async await?

Question

[Богдан]

Здравствуйте. При использовании в методе, acync выдает ошибку

const logIn = async ( ) => {
        console.log( 11 );
      }

LogIn.vue?3e21:66 Uncaught ReferenceError: regeneratorRuntime is not defined
at eval (LogIn.vue?3e21:66)
at VueComponent.onSubmit (LogIn.vue?3e21:69)
at Proxy.boundFn (vue.esm.js?efeb:190)
at submit (LogIn.vue?6bb8:17)
at invoker (vue.esm.js?efeb:2004)
at HTMLFormElement.fn._withTask.fn._withTask (vue.esm.js?efeb:1802)

.babelrc

{
  "presets": [
    ["env", { "modules": false } ],
    "stage-3"
  ],
  "plugins": ["syntax-dynamic-import"]
}

Подскажите пожалуйста, как это исправить?

Answer 1

[prudcky]

При работе с webpack решил данную проблему так
установил - babel-polyfill
npm i --save-dev babel-polyfill
в конфиге вебпака

require('babel-polyfill');
module.exports = {
  // BASE config
  externals: {
    paths: PATHS
  },
  entry: {
    app: ['babel-polyfill', PATHS.src]
  }, ...

Answer 2

[Богдан]

Погуглил и нашел решение
yarn add babel-preset-es2017 --dev

.bablerc

{
  "presets": [
    "es2017",
    "stage-3"
  ],
  "plugins": [ "syntax-dynamic-import" ]
}

Comments

[akass]

Или же просто добавить плагин transform-async-to-generator

[Богдан]

Спасибо. а чем чревато если использовать настройку "es2017", а не обычный "env" ?

Answer 3

[Антон Швец]

https://stackoverflow.com/questions/33527653/babel...

Answer 4

[avprinciple]

plugins: [
  ['@babel/transform-runtime']
]