在 module.exports 之前等待异步函数

Question

我有一个 NextJS 应用程序，并且正在使用 next-routes 来处理所有路由。

我的路由模块目前如下所示：

const routes = require('next-routes')();
const { getEntries } = require('../data/contentful');

module.exports = async () => {
  const globalSettings = await getEntries({
    content_type: 'globalSettings',
  });

  routes
    .add('caseStudies', `/${globalSettings.fields.caseStudiesSlug}`, 'caseStudies')
    .add('caseStudy', `/${globalSettings.fields.caseStudiesSlug]}/:slug`, 'caseStudy')
    .add('home', `/`, 'index')
    .add('page', `/:slug*`, 'page'));

  return routes;
};

我可以让它在服务器端工作，但要在客户端使用下一个路由，我需要这个模块立即返回路由对象而不是异步函数。例如

const routes = require('next-routes')();
const { getEntries } = require('../data/contentful');

// Do this first, then module.exports
const globalSettings = await getEntries({
  content_type: 'globalSettings',
});

module.exports = routes
  .add('caseStudies', `/${globalSettings.fields.caseStudiesSlug}`, 'caseStudies')
  .add('caseStudy', `/${globalSettings.fields.caseStudiesSlug]}/:slug`, 'caseStudy')
  .add('home', `/`, 'index')
  .add('page', `/:slug*`, 'page'));

这不起作用，因为await 必须在异步函数中。如何在执行路由对象的 module.exports 之前完成异步 API 调用？

Answer 1

这是this renowned problem 的一个特例。同步代码可以转换为异步代码，反之则不行。

如this similar answer 所示，如果需要，应将promise 使用到应用程序入口点：

module.exports = (async () => {
  const globalSettings = await getEntries({
    content_type: 'globalSettings',
  });

  return routes
  .add('caseStudies', `/${globalSettings.fields.caseStudiesSlug}`, 'caseStudies')
  .add('caseStudy', `/${globalSettings.fields.caseStudiesSlug]}/:slug`, 'caseStudy')
  .add('home', `/`, 'index')
  .add('page', `/:slug*`, 'page'));
})();

这个模块还导出了一个 Promise，所以它需要被链接到一个依赖它的模块中。

a proposal for top-level await 旨在为此配方提供语法糖。