async-requires.js relative includes broken since #18973

[jrestall]

Description

After the changes made in #18973, specifically these lines, my website no longer builds successfully.

This is because async-requires.js previously imported components like this, which worked great:

  "component---cache-page-templates-example-jsx": () => import("C:\\git\\nexus-ui\\website\\.cache\\page-templates\\example.jsx" /* webpackChunkName: "component---cache-page-templates-example-jsx" */),

After the recent change, components are now imported like this:

"component---cache-page-templates-example-jsx": () => import("page-templates/example.jsx" /* webpackChunkName: "component---cache-page-templates-example-jsx" */),

It works if I change it to import files using ./ at the start:

import("./page-templates/example.jsx" /* webpackChunkName: "component---cache-page-templates-example-jsx" */)

The templates are dynamically generated so need to be in the cache folder so that they get cleaned up during gatsby clean.

Steps to reproduce

1. Create a page using a component path that is within the /.cache/ folder. e.g. createPage({component: "C:\\git\\website\\.cache\\page-templates\\example.jsx"})
2. Run gatsby build.

Expected result

Successful build.

Actual result

ERROR #98123  WEBPACK

Generating JavaScript bundles failed

Can't resolve 'page-templates/example.jsx' in 'C:\git\nexus-ui\website\.cache'

File: .cache\async-requires.js

Environment

System:
OS: Windows 7
CPU: (8) x64 Intel(R) Core(TM) i7-6820HQ CPU @ 2.70GHz
Binaries:
Yarn: 1.17.3 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 6.10.0 - C:\Program Files\nodejs\npm.CMD
Languages:
Python: 2.7.15

@wardpeet

[jaymdq]

Having the same problem

[Atr0p]

Also with gatsby-plugin-i18next

[jrestall]

Can this please be triaged. It seems to have been missed and is breaking existing sites that were working fine.

/cc @wardpeet @pieh @freiksenet @sidharthachatterjee

[R1cro]

@Atr0p got the same issue with gatsby-plugin-i18next when gatsby build...

Generating JavaScript bundles failed

Can't resolve '@wapps/redirect.js' in '../.cache'

File: .cache/async-requires.js

@wardpeet @pieh @freiksenet could you kindly take a look?

[R1cro]

I made downgrade to

"gatsby": "2.16.5",

...and it resolved my issue.

CC: @jrestall, @Atr0p

[vladar]

This starter could be used for reproduction: https://github.com/ikhudo/gatsby-i18n-plugin/tree/master/starters/gatsby-starter-i18next