Webpack 5 build errors with persistent/disk cache

[Akryum]

Reproduction link: https://github.com/Akryum/unplugin-icons-issue-94

1. Build a webpack 5 project with persistent caching -> Success
2. Build again -> Success
3. Build again -> Error

The build crashes with errors - examples:

 error  in ./virtual:~icons/feather/smile

Syntax Error: no such file or directory, open '/home/akryum/Projects/livestorm-app/packages/frontend/virtual:~icons/feather/smile'


 error  in ./virtual:~icons/feather/x-circle

Syntax Error: no such file or directory, open '/home/akryum/Projects/livestorm-app/packages/frontend/virtual:~icons/feather/x-circle'


 error  in ./virtual:~icons/feather/x

Syntax Error: no such file or directory, open '/home/akryum/Projects/livestorm-app/packages/frontend/virtual:~icons/feather/x'

Related to unplugin/unplugin-icons#94

[Akryum]

Commenting the load part of the unplugin plugin (here) makes the error go away. So the issue is probably related to load.

[Akryum]

So when the error happens, resolveId is not called and then plugin.__vfsModules doesn't have the virtual module so it fails.

[Akryum]

Maybe related to sysgears/webpack-virtual-modules#76

[Akryum]

Looks like there is an open PR: sysgears/webpack-virtual-modules#128

[yunsii]

sysgears/webpack-virtual-modules#164 It looks like fixed with webpack-virtual-modules@v0.5.0 but I still got the error with vercel build:

[adarshmadrecha]

Since the upstream issue is resolved, we can close this issue?