Update WebGPU.js -- fix error: await is only valid in async functions and the top level bodies of modules

[czl0325]

Related issue:
fix error: await is only valid in async functions and the top level bodies of modules

Description

when I run on chrome，find error: Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules (at main.1f19ae8e.js:62752:18)

A clear and concise description of what the problem was and how this pull request solves it.

await must be in async function

[gkjohnson]

the top level bodies of modules

The await is at the top level the module file. If this is failing you'll need to check your build process settings or direct a question at the bundler project.

[czl0325]

run in "parcel-bundler": "^1.12.5"

scripts: "parcel src/index.html --open"

[czl0325]

this is a code example

https://codepen.io/czl0325/pen/vYMjrOG

[marcofugaro]

@czl0325 Parcel does not support top-level await: parcel-bundler/parcel#4028,
which is currently being used in the WebGPU code.

My suggestion would be to use another bundler.

[czl0325]

Why not consider adding an async function that is compatible with various bundlers？

[gkjohnson]

If you need help understanding why the code is structured the way it is please ask at the forum. Your suggested change breaks the WebGPU implementation.

[ycw]

aside: top-level-await(=es2022) violated 3's provisions(<=es2018)