onnxruntime-web/webgpu not found in next js

[naufalahnaf17]

Describe the issue

I am trying to use onnxruntime-web/webgpu in Next.js, but for some reason, the module cannot be found.

I have fine-tuned a ResNet-50 model for classification, and I want to use onnxruntime-web/webgpu for faster processing, but the module is not found.

Am I missing something here? maybe I'm not very familiar with web development but I've followed all the instructions listed in the documentation

To reproduce

• create next js with latest version

npx create-next-app@latest

• install onnxruntime-web

npm install onnxruntime-web

import onnxruntime-web/webgpu

import * as ort from 'onnxruntime-web/webgpu';

Error Screenshot

Urgency

No response

ONNX Runtime Installation

Released Package

ONNX Runtime Version or Commit ID

1.19.2

Execution Provider

'webgpu' (WebGPU)

[naufalahnaf17]

For anyone experiencing a similar problem, you can do this

'use client'

export default function Page() {
    const createInferenceSession =  async () => {
        if (typeof window !== 'undefined') {
            if (typeof window !== "undefined") {
                const onnx = (await import("onnxruntime-web/webgl")).default;
                // Create Inference Session Here                
            }
        }
    }

    return (
        <div>
            <button onClick={createInferenceSession}>Click</button>
        </div>
    );
}