Build fails on Windows PowerShell with modern Node

[louis75691710]

[louis75691710]

[surma]

It looks like you are using PowerShell. I don’t think we support that well. Can you try with WSL?

[manishbluewebspark]

It looks like you are using PowerShell. I don’t think we support that well. Can you try with WSL?

Yes now its working thanks very much for quick help

[aryanpingle]

@surma Why do we not support Powershell again? Are there some commands or smth we're using that are linux specific?

[surma]

I think I was wrong, actually. @RReverser spent some time years ago adding support for PowerShell. In fact, we even run CI on Windows.

However, after I opened #1423, I learned that we only ever ran CI with Node 14 and that CI breaks on Windows with Node 22. The error looks very similar to what OP said, so we should prob investigate.

[aryanpingle]

There seems to be a typo in the resolve-dirs plugin, might be the root cause of the whole Windows-filepath issue? Lemme explain.

On my system the path to the squoosh dir is C:\\Projects\\Squoosh. Let's take one of the initial-css imports, import css0 from 'css:shared/prerendered-app/colors.css';. Here's a pseudo-log:

// (css-plugin)
"Resolving css:shared/prerendered-app/colors.css from initialCss"

// (resolve-dirs-plugin)
"Trying to resolve shared/prerendered-app/colors.css"
"Trying to resolve ./src/shared/prerendered-app/colors.css"
"Successfully resolved using this.resolve"
resolveResult = {
  external: true,
  id: './src/shared/prerendered-app/colors.css',
  meta: {},
  moduleSideEffects: true,
  syntheticNamedExports: false
}
// Not absolute, so return posix.resolve(resolveResult)
posix.resolve(resolveResult) // "/Projects/Squoosh/src/shared/prerendered-app/colors.css"

// (back to css-plugin)
return prefix + resolved.id; // "css:/Projects/Squoosh/src/shared/prerendered-app/colors.css"

And of course, the POSIX path does not exist on Windows, so we end up with this error:

[!] (plugin css) Error: Could not load css:/Projects/Squoosh/src/shared/prerendered-app/colors.css (imported by initialCss): Cannot find \Projects\Squoosh\src\shared\prerendered-app\colors.css in pathToResult

---

Using the fix shown in #1425, the logs will be the same except the ending:

// ...
// Not absolute, so return the path module's resolve(resolveResult) [the one that adjusts for the platform automatically]
resolve(resolveResult) // "C:\Projects\Squoosh\src\shared\prerendered-app\colors.css"

// (back to css-plugin)
return prefix + resolved.id; // "css:C:\Projects\Squoosh\src\shared\prerendered-app\colors.css"

Which correctly points to the CSS file. Tried it on both Windows and WSL, so fingers crossed.