Laravel 9混合：如何使用异步等待组成？

Question

我在网络中没有发现任何人可以解释如何添加外科视图等待Laravel Mix的组成。

我的错误：

ERROR in ./resources/js/departements_search.js
Module parse failed: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.

我找到了这个：

module.exports = {
    //...
    experiments: {
      asyncWebAssembly: true,
      buildHttp: true,
      layers: true,
      lazyCompilation: true,
      outputModule: true,
      syncWebAssembly: true,
      topLevelAwait: true,
    },
};

但是我不明白如何设置？我的webpack.config似乎根本没有起作用。如何添加此功能，例如：

mix.webpackConfig({
  // something here
});

谢谢。

Answer 1

在您的webpack.mix.js中，添加以下内容：

mix.webpackConfig({
    // ... existing stuff (optional)
    ,
    experiments: {
        topLevelAwait: true
    }