I am currently experimenting with the WebGPU in Three.js using Vite as my module bundler. However, I’ve encountered an issue with top-level await in my project. Below is the snippet of code that is causing the problem: import WebGPU from 'three/examples/jsm/capabilities/WebGPU.js'; import WebGPURen…

My tsconfig.json is set with "target": "ESNext".

I remember that issue. Here is my solution. I think it will help you [image] IWebGPU: I get this error message when I try to import webgpu Questions I have a WebGPU enabled browser with which I can experience the threejs examples (firefox nightly). If I now try to integra…

Ah, thank you so much! But I’m still curious why the await I wrote myself executes normally, whereas the “top-level await” in the imported module throws an error?

Unfortunately, I can’t tell you exactly how vite works because I don’t know. But you don’t need that anymore. await new Promise((resolve) => setTimeout(resolve, 1000)); if (WebGPU.isAvailable() === false && WebGL.isWebGL2Available() === false) { document.body.appendChild(WebGPU.getErrorMessage(…

Okay, thanks. But, the await I wrote myself was just to test if it could run.

I think this is because your await does not contain any dependencies and can therefore be executed. But vite won’t care because it has no influence on the vite configuration. Your await is not a top level await for vite but a top level await in your app and vite must already be running for that. But…

Top-Level Await Error with Vite and Three.js: 'Top-level await is not available in the configured target environment

Questions

Attila_Schroeder July 16, 2024, 3:44am 3

I remember that issue. Here is my solution. I think it will help you

Topic		Replies	Views
IWebGPU: I get this error message when I try to import webgpu Questions webgpu	7	3929	August 21, 2024
Webpack Warning with three.js and topLevelAwait Questions webpack	2	445	November 19, 2024
THREE.WebGPURenderer is not a constructor Questions webgpu-renderer	4	332	June 16, 2025
Three js r169 WebGPU renderer with vite Questions webgpu , vite	1	340	September 28, 2024
How to import `three/Three.WebGPU.js` when using vite? Questions	3	1581	December 4, 2024

Top-Level Await Error with Vite and Three.js: 'Top-level await is not available in the configured target environment

Related topics