Worker Errror : Error: no available backend found. ERR: [wasm] TypeError: n(...).dirname is not a function

[juliangdz]

Hi i need some help on this issue.

I have a react-app built using create-react-app that loads the onnx models and does inference fine . The react app works fine .

However my issue is encountered when i try to Create a Webview Application using electronjs with the react-app . The onnx backend wasm was loaded fine and the worker scripts loads the models and did inference when i use the script

"start": "set BROWSER=none&&react-scripts start",
"start-electron": "set ELECTRON_START_URL=http://localhost:3000&&electron .",

Running npm run start and npm run start-electron in different terminals brings up the Developer Version of the Electron-react application and everything works fine without error .

However i get the following error when i Try to package the Electron-React Application . I first run the build script to build the react app and copy my electron files to the build folder. Then i run the script

"package": "set ELECTRON_BUILDER_ALLOW_UNRESOLVED_DEPENDENCIES=true&&electron-builder build -c.extraMetadata.main=build/electron/main.js --publish never",

This creates a dist with the .exe.

The following error is what i see in the devtools console

Worker Eerrror : Error: no available backend found. ERR: [wasm] TypeError: n(...).dirname is not a function
at inference-session-impl.js:170:39
at async h.create (backend-impl.js:51:31)

I use ort.min.js and its files all exist in the public folder along with the wasm* files .

Please provide some insight into this , i have tried a few methods trying to understand if its a issue with my package.json by checking my build files path , but i have overcome those issues by adding "homepage": "./",

[baijumeswani]

@fs-eire @shalvamist for more info.

[juliangdz]

The issue has been resolved . Something you need to specify in the documentation is about packaging Web assembly while building ReactJS and electron applications . The *.wasm files do not get bundled . I fixed my error in bundling the *.wasm files for build production by setting ort.env.wasm.wasmpaths overide . Get Outlook for Android<https://aka.ms/AAb9ysg>

…

________________________________ From: Baiju Meswani ***@***.***> Sent: Monday, August 22, 2022 10:37:57 PM To: microsoft/onnxruntime ***@***.***> Cc: juliangdz ***@***.***>; Author ***@***.***> Subject: Re: [microsoft/onnxruntime] Worker Errror : Error: no available backend found. ERR: [wasm] TypeError: n(...).dirname is not a function (Issue #12665) @fs-eire<https://nam12.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Ffs-eire&data=05%7C01%7C%7C85145be440d144e1d29408da8460dcb6%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637967848821194967%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=AN7x2aHRMoSW66iu81bG4Dg7pQe9CcJ0TMLGYd9UWdE%3D&reserved=0> @shalvamist<https://nam12.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fshalvamist&data=05%7C01%7C%7C85145be440d144e1d29408da8460dcb6%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637967848821194967%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Pl71reF%2FCqHBELoJob9fpRDI40r2E6%2FXMZXw6%2FsWtHI%3D&reserved=0> for more info. — Reply to this email directly, view it on GitHub<https://nam12.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fonnxruntime%2Fissues%2F12665%23issuecomment-1222650702&data=05%7C01%7C%7C85145be440d144e1d29408da8460dcb6%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637967848821351201%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=OQ6NHCSZfb5b%2BUCtgV2Houfrk5fFtNjV%2F8Zu8%2FCJEP8%3D&reserved=0>, or unsubscribe<https://nam12.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FANB6YWI6BLJXAGAABXQ3IVTV2OXW3ANCNFSM57DVNF3A&data=05%7C01%7C%7C85145be440d144e1d29408da8460dcb6%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637967848821351201%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=XGagSuDJArV%2B91EBTNT1wx9pwC%2B0dkrWCNfje0m3t9Q%3D&reserved=0>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[baijumeswani]

Thanks @juliangdz. I'll close this issue. @shalvamist @fs-eire Do we need to update our documentation for this use case?

[cassiebreviu]

Thanks @juliangdz. I'll close this issue. @shalvamist @fs-eire Do we need to update our documentation for this use case?

I documented it here a while ago: https://onnxruntime.ai/docs/tutorials/web/classify-images-nextjs-github-template.html#nextconfigjs

Are we able to fix this issue in the package? It is a problem that has come up many times.