top-level-await错误是否意味着Webpack已经安装？

cgvd09ve 于 2023-06-06 发布在 Webpack

关注(0)|答案(1)|浏览(134)

我得到错误Module parse failed: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it)
经过一些研究后，我在与package.json文件相同的位置创建了一个webpack.config.js文件。下面是内容

module.exports = {
    experiments: {
        topLevelAwait: true
    }
};

这没有任何效果。我仍然得到错误。
我是否需要显式安装Webpack，然后创建配置文件？这看起来很奇怪，因为最初的错误本身意味着Webpack已经存在。
下面是我的package.json文件的依赖项。Webpack不在那里。

"dependencies": {
    "@aws-amplify/ui-react": "^4.6.2",
    "@nextui-org/react": "^1.0.0-beta.12",
    "aws-amplify": "^5.2.1",
    "next": "^13.4.2",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  }

1.我需要安装Webpack吗？
1.或者，如果我不需要安装它，我需要对webpack.config.js文件做什么更改才能让它工作？

webpack

来源：https://stackoverflow.com/questions/76358962/does-the-top-level-await-error-mean-webpack-is-already-installed

1条答案

按热度按时间

w41d8nur1#

原来NextJS中嵌入了Webpack。Webpack已经安装。
另外，启用top-level-await的方法是像这样注解next.config.js文件：

module.exports = {
    webpack: (config) => {
        // this will override the experiments
        config.experiments = {...config.experiments, topLevelAwait: true};
        // this will just update topLevelAwait property of config.experiments
        // config.experiments.topLevelAwait = true
        return config;
    },
};

赞(0）回复(0）举报 2023-06-06

我来回答

top-level-await错误是否意味着Webpack已经安装？

1条答案

相关问题

热门标签

最新问答