imported modules in API routes not reloading changes in development mode

[thescientist13]

Type of Change

Bug

Summary

While editing an API route and changing its contents works, if there is a module loaded in that API route that gets changed, the contents won't change.

api-routes-full-live-reloading-broken.mov

Details

This seems to be an ESM related caching issue, similar to the one we ran into when implementing the same feature for SSR pages, since we are using import programmatically for API routes too

async serve(url, request) {
  const api = this.compilation.manifest.apis.get(url.pathname);
  const apiUrl = new URL(`.${api.path}`, this.compilation.context.userWorkspace);
  // https://github.com/nodejs/node/issues/49442
  const href = process.env.__GWD_COMMAND__ === 'develop' // eslint-disable-line no-underscore-dangle
    ? `${apiUrl.href}?t=${Date.now()}`
    : apiUrl.href;

  const { handler } = await import(href);
  const req = new Request(new URL(`${request.url.origin}${url}`), {
    ...request
  });

It seems like we'll have to do some sort of Workers related work around here as well, at least until a more robust ESM cache busting solution is available in NodeJS.