0

我正在使用 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';

有问题的实际代码如下:

export const getUser = () => async (dispatch) => { ... }

...这被转译为:

var getUser = function getUser() {
    return async function (dispatch) {
        ...
    }
}

是否需要一些其他配置来转换这些 async/await 关键字?

4

0 回答 0