首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >错误:顶级等待实验未启用(设置experiments.topLevelAwait: true to enabled )React用于翻译。

错误:顶级等待实验未启用(设置experiments.topLevelAwait: true to enabled )React用于翻译。
EN

Stack Overflow用户
提问于 2022-06-02 10:35:23
回答 3查看 14.3K关注 0票数 13

面对下面的构建问题:

代码语言:javascript
运行
复制
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
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
Error: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it)

有什么解决办法吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2022-06-22 10:58:28

在导出带有异步的模块时,我得到了这个错误。只需将其添加到module.exports文件中的webpack.config.js对象即可。

代码语言:javascript
运行
复制
experiments: {
  topLevelAwait: true
}

你也可以阅读Webpack文档中的实验选项。https://webpack.js.org/configuration/experiments/

票数 16
EN

Stack Overflow用户

发布于 2022-10-17 10:11:32

您可以在webpack配置中启用它。

如果您使用npx create-react-app my-app创建了您的react应用程序,您必须安装克拉科来覆盖您的webpack配置。

安装后,在您的topLevelAwait中将craco.config.js设置为true:

代码语言:javascript
运行
复制
module.exports = {
  webpack: {
    configure: {
      experiments: {
        topLevelAwait: true,
      },
    },
  },
};

运行npm start,错误就消失了。

票数 1
EN

Stack Overflow用户

发布于 2022-11-07 15:16:11

Symfony

对于任何试图将其添加到symfony生成的webpack.config.js中的人,您可以使用以下语法:

代码语言:javascript
运行
复制
// Default config above...

const config = Encore.getWebpackConfig();

config.experiments = {
  topLevelAwait: true,
}

module.exports = config;
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72474803

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档