Skip to content

Please update example to use latest @webgpu/types #1

@gmlewis

Description

@gmlewis

When following the video instructions here: https://www.youtube.com/watch?v=QWh968pmsbg

I get:

$ npm run prod

> webgpu01@1.0.0 prod
> webpack --mode production

assets by status 90.7 KiB [cached] 1 asset
runtime modules 663 bytes 3 modules
orphan modules 1.33 KiB [orphan] 2 modules
cacheable modules 286 KiB
  ./src/main.ts + 2 modules 3.98 KiB [built] [code generated]
  ./node_modules/jquery/dist/jquery.js 282 KiB [built] [code generated]

ERROR in /home/glenn/src/github.com/jack1232/webgpu01/src/main.ts
19:28-46
[tsl] ERROR in /home/glenn/src/github.com/jack1232/webgpu01/src/main.ts(19,29)
      TS2339: Property 'configureSwapChain' does not exist on type 'GPUCanvasContext'.

ERROR in /home/glenn/src/github.com/jack1232/webgpu01/src/main.ts
26:4-31:5
[tsl] ERROR in /home/glenn/src/github.com/jack1232/webgpu01/src/main.ts(26,5)
      TS2345: Argument of type '{ vertexStage: { module: GPUShaderModule; entryPoint: string; }; fragmentStage: { module: GPUShaderModule; endtryPoint: string; }; primitiveTopology: string; colorStates: { ...; }[]; }' is not assignable to parameter of type 'GPURenderPipelineDescriptor'.
  Object literal may only specify known properties, and 'vertexStage' does not exist in type 'GPURenderPipelineDescriptor'.

ERROR in /home/glenn/src/github.com/jack1232/webgpu01/src/main.ts
48:6-29
[tsl] ERROR in /home/glenn/src/github.com/jack1232/webgpu01/src/main.ts(48,7)
      TS2322: Type '{ attachment: any; loadValue: number[]; }[]' is not assignable to type 'Iterable<GPURenderPassColorAttachment>'.
  The types returned by '[Symbol.iterator]().next(...)' are incompatible between these types.
    Type 'IteratorResult<{ attachment: any; loadValue: number[]; }, any>' is not assignable to type 'IteratorResult<GPURenderPassColorAttachment, any>'.
      Type 'IteratorYieldResult<{ attachment: any; loadValue: number[]; }>' is not assignable to type 'IteratorResult<GPURenderPassColorAttachment, any>'.
        Type 'IteratorYieldResult<{ attachment: any; loadValue: number[]; }>' is not assignable to type 'IteratorYieldResult<GPURenderPassColorAttachment>'.
          Type '{ attachment: any; loadValue: number[]; }' is not assignable to type 'GPURenderPassColorAttachment'.
            Object literal may only specify known properties, and 'attachment' does not exist in type 'GPURenderPassColorAttachment'.

webpack 5.31.0 compiled with 3 errors in 2674 ms

I don't think I have any typos, but unfortunately couldn't find the source anywhere, so I typed it in while watching the video.

As far as I can tell, this example was broken by this PR:
https://github.com/gpuweb/types/pull/78/files#diff-f2fe192fa328d8936d876c22b13504f6b724f79712e08aa9164711caca136827L2347-L2365

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions