Top-level await in fs.js when building for browser environment

[M0ns1gn0r]

I added logtape to an Angular app. When I start ng serve and open the web page I get the error:

 [ERROR] Top-level await is not available in the configured target environment ("chrome121.0", "edge121.0", "firefox115.0", "ios16.0", "safari16.0" + 7 overrides)

    node_modules/@logtape/logtape/esm/fs.js:10:9:
      10 │     fs = await import("node" + ":fs");
         ╵          ~~~~~

[redacted]\ClientApp\node_modules\vite\node_modules\esbuild\lib\main.js:1651
  let error = new Error(text);
              ^

Error: Build failed with 1 error:
node_modules/@logtape/logtape/esm/fs.js:10:9: ERROR: Top-level await is not available in the configured target environment ("chrome121.0", "edge121.0", "firefox115.0", "ios16.0", "safari16.0" + 7 overrides)
    at failureErrorWithLog ([redacted]\ClientApp\node_modules\vite\node_modules\esbuild\lib\main.js:1651:15)
    at [redacted]\node_modules\vite\node_modules\esbuild\lib\main.js:1059:25
    at [redacted]\node_modules\vite\node_modules\esbuild\lib\main.js:1527:9
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  errors: [Getter/Setter],
  warnings: [Getter/Setter]
}

Node.js v20.11.0

It's unclear to me why fs.js wants to load at all for the browser environment. Could help me to fix the problem?

[dahlia]

It's strange. Does your target environment include any of those unsupported browser versions?

It's unclear to me why fs.js wants to load at all for the browser environment. Could help me to fix the problem?

It does not load fs.js for the browser environment, but just tries to load it, and if it fails it falls back.

[M0ns1gn0r]

Does your target environment include any of those unsupported browser versions?

The thing is, the target environments from that error message are not defined in our code at all. Looks like they're part of the standard configuration passed to vite by Angular CLI. And according to this issue it's not possible to customize vite's config.

[handlebauer]

also using vite, also experiencing the same issue

[dahlia]

Could you try v0.5.2-dev.79+a6c56f26? I addressed the issue and it might be fixed.

[M0ns1gn0r]

Unfortunately not, the error is the same, only the line number has changed:

Error: Build failed with 1 error:
node_modules/@logtape/logtape/esm/fs.js:12:9: ERROR: Top-level await is not available in the configured target environment ("chrome121.0", "edge121.0", "firefox115.0", "ios16.0", "safari16.0" + 7 overrides)

[dahlia]

@M0ns1gn0r Could you try v0.5.2-dev.81+88f228ae? I tested it with Angular CLI, and it apparently works well.

[M0ns1gn0r]

Yes, that has fixed it, thank you!

[dahlia]

Shipped with 0.5.2 (JSR & npm).