topLevelAwait对babel-loader无效：'await‘仅允许在异步函数中使用

topLevelAwait是指在顶层作用域中使用await关键字的能力。在JavaScript中，await关键字只能在异步函数中使用，用于等待一个Promise对象的解析结果。

babel-loader是一个Webpack的loader，用于将ES6+的代码转换为向后兼容的JavaScript代码。然而，babel-loader默认情况下不支持在顶层作用域中使用await关键字，因为这违反了ECMAScript规范。

要解决'topLevelAwait对babel-loader无效：'await'仅允许在异步函数中使用'的问题，可以按照以下步骤进行操作：

确保你的代码中使用了异步函数，例如async function或者使用async关键字定义的箭头函数。
确保你的Webpack配置文件中正确配置了babel-loader，并且安装了相关的Babel插件和预设。可以使用@babel/preset-env预设来处理ES6+的语法。
在babel-loader的配置中，添加一个名为"plugins"的选项，并在该选项中添加一个插件@babel/plugin-syntax-top-level-await。这个插件可以让babel-loader支持在顶层作用域中使用await关键字。

以下是一个示例的Webpack配置文件：

module.exports = {
  // ...其他配置项
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
            plugins: ['@babel/plugin-syntax-top-level-await']
          }
        }
      }
    ]
  }
};

通过以上配置，babel-loader将会正确地处理顶层作用域中的await关键字，使其在转换后的JavaScript代码中有效。

腾讯云相关产品和产品介绍链接地址：