Await 只允许在异步函数中使用 - webpack、redux thunk

所以我试图在 webpack 中使用 redux thunk 进行异步调用，但收到一条奇怪的消息 - 'await' 只允许在异步函数中和模块的顶层

export const createPost = (post) => async => (dispatch) => {
  try {
    const { data } = await api.createPost(post);

    dispatch({ type: "CREATE", payload: data })
  } catch(error) {
    console.log(error.message)
  }
}

初始 webpack 配置

const path = require("path");

module.exports = {
  devServer: {
    contentBase: path.resolve(__dirname, "./src"),
    historyApiFallback: true,
  },
  entry: [
    "regenerator-runtime/runtime",
    path.resolve(__dirname, "./src/index.js"),
  ],
  module: {
    rules: [
      {
        test: /\.js?$/,
        exclude: /node_module/,
        use: "babel-loader",
      },
      {
        test: /\.css?$/,
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.(png|j?g|svg|gif)?$/,
        use: "file-loader",
      },
    ],
  },
  output: {
    filename: "bundle.js",
  },
};

我试图通过添加插件“@babel/plugin-syntax-top-level-await”来更改 webpack 配置以对其进行排序，但现在它给了我一个不同的错误，我认为我没有正确添加它。应该更新加载器以允许通过 module.rules 中的加载器选项传递选项。在加载器更新之前，可以使用 LoaderOptionsPlugin 将这些选项传递给加载器： plugins: [

new webpack.LoaderOptionsPlugin({
// test: /\.xxx$/, // may apply this only for some modules
         options: {
           experiments: …
         }
       })
     ]

const path = require("path");

module.exports = {
  devServer: {
    contentBase: path.resolve(__dirname, "./src"),
    historyApiFallback: true,
  },
  entry: [
    "regenerator-runtime/runtime",
    path.resolve(__dirname, "./src/index.js"),
  ],
  experiments: {
    topLevelAwait: true,
  },
  module: {
    rules: [
      {
        test: /\.(js|mjs|jsx|ts|tsx)$/,
        exclude: /node_module/,
        use: {
          loader: "babel-loader",
          options: {
            plugins: ["@babel/plugin-syntax-top-level-await"],
          },
        },
      },
      {
        test: /\.css?$/,
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.(png|j?g|svg|gif)?$/,
        use: "file-loader",
      },
    ],
  },
  output: {
    filename: "bundle.js",
  },
};