Webpack / Babel：ES6关键字“ async / await”未在已转换的bundle.js中转换

Question

我正在使用webpack和babel将我的ES6 javascript和React项目转换为bundle.js。

我遇到此错误：

bundle.js:90058: ERROR - Parse error. Semi-colon expected:
    return async function (dispatch) {

为什么“ async”关键字仍然存在于最终的已翻译bundle.js中？

这是我的babel.config.js：

module.exports = {
    presets: [
        [
            "@babel/preset-env",
            {
                useBuiltIns: "entry",
                corejs: 3,
            }
        ],
        "@babel/preset-react"
    ],
    plugins: [
        "@babel/plugin-transform-runtime",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-transform-async-to-generator",
        "react-hot-loader/babel",
    ]
};

在我的根index.jsx文件中，有两个输入：

import 'core-js/stable';
import 'regenerator-runtime/runtime';

是否需要其他配置来转换那些异步/等待关键字？

Answer 1

如果遇到解析错误，我认为您不是在看转码/捆绑码。代码生成在代码解析后发生。该错误可能会向您显示原始代码中带有语法错误的行。