vercel/og missing .wasm files

When using the vercel/og pages plugin I get this error:
✘ [ERROR] 2 error(s) and 0 warning(s) when compiling Worker.
20:36:18.056
20:36:18.056
20:36:18.059
20:36:18.061 ✘ [ERROR] [plugin wrangler-module-collector] ENOENT: no such file or directory, open '/opt/buildhome/repo/node_modules/@vercel/og/dist/resvg.wasm?module'
20:36:18.061
20:36:18.062 ../node_modules/@vercel/og/dist/index.edge.js:9:23:
20:36:18.062 9 │ import resvg_wasm from "./resvg.wasm?module";
20:36:18.062 ╵ ~~~~~~~~~~~~~~~~~~~~~
20:36:18.062
20:36:18.062 This error came from the "onResolve" callback registered here:
20:36:18.063
20:36:18.063 ../../../pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124157:19:
20:36:18.063 124157 │ build5.onResolve(
20:36:18.063 ╵ ~~~~~~~~~
20:36:18.063
20:36:18.063 at /opt/pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124157:20
20:36:18.063 at Array.forEach (<anonymous>)
20:36:18.063 at /opt/pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124156:22
20:36:18.064 at Array.forEach (<anonymous>)
20:36:18.064 at setup (/opt/pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124153:16)
20:36:18.064 at handlePlugins (/opt/pages/build_tool/js/node_modules/wrangler/node_modules/esbuild/lib/main.js:1276:21)
20:36:18.064 at buildOrServeImpl (/opt/pages/build_tool/js/node_modules/wrangler/node_modules/esbuild/lib/main.js:965:5)
20:36:18.064 at Object.buildOrServe (/opt/pages/build_tool/js/node_modules/wrangler/node_modules/esbuild/lib/main.js:773:5)
20:36:18.064 at /opt/pages/build_tool/js/node_modules/wrangler/node_modules/esbuild/lib/main.js:2112:17
20:36:18.064
20:36:18.064
20:36:18.064 ✘ [ERROR] [plugin wrangler-module-collector] ENOENT: no such file or directory, open '/opt/buildhome/repo/node_modules/@vercel/og/dist/yoga.wasm?module'
20:36:18.065
20:36:18.065 ../node_modules/@vercel/og/dist/index.edge.js:10:22:
20:36:18.065 10 │ import yoga_wasm from "./yoga.wasm?module";
20:36:18.065 ╵ ~~~~~~~~~~~~~~~~~~~~
20:36:18.065
20:36:18.065 This error came from the "onResolve" callback registered here:
20:36:18.065
20:36:18.065 ../../../pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124157:19:
20:36:18.066 124157 │ build5.onResolve(
20:36:18.066 ╵ ~~~~~~~~~
20:36:18.067
20:36:18.067
20:36:18.067 ✘ [ERROR] Build failed with 2 errors:
20:36:18.067
20:36:18.067 ../node_modules/@vercel/og/dist/index.edge.js:9:23: ERROR: [plugin: wrangler-module-collector] ENOENT: no such file or directory, open '/opt/buildhome/repo/node_modules/@vercel/og/dist/resvg.wasm?module'
20:36:18.068 ../node_modules/@vercel/og/dist/index.edge.js:10:22: ERROR: [plugin: wrangler-module-collector] ENOENT: no such file or directory, open '/opt/buildhome/repo/node_modules/@vercel/og/dist/yoga.wasm?module'
✘ [ERROR] 2 error(s) and 0 warning(s) when compiling Worker.
20:36:18.056
20:36:18.056
20:36:18.059
20:36:18.061 ✘ [ERROR] [plugin wrangler-module-collector] ENOENT: no such file or directory, open '/opt/buildhome/repo/node_modules/@vercel/og/dist/resvg.wasm?module'
20:36:18.061
20:36:18.062 ../node_modules/@vercel/og/dist/index.edge.js:9:23:
20:36:18.062 9 │ import resvg_wasm from "./resvg.wasm?module";
20:36:18.062 ╵ ~~~~~~~~~~~~~~~~~~~~~
20:36:18.062
20:36:18.062 This error came from the "onResolve" callback registered here:
20:36:18.063
20:36:18.063 ../../../pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124157:19:
20:36:18.063 124157 │ build5.onResolve(
20:36:18.063 ╵ ~~~~~~~~~
20:36:18.063
20:36:18.063 at /opt/pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124157:20
20:36:18.063 at Array.forEach (<anonymous>)
20:36:18.063 at /opt/pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124156:22
20:36:18.064 at Array.forEach (<anonymous>)
20:36:18.064 at setup (/opt/pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124153:16)
20:36:18.064 at handlePlugins (/opt/pages/build_tool/js/node_modules/wrangler/node_modules/esbuild/lib/main.js:1276:21)
20:36:18.064 at buildOrServeImpl (/opt/pages/build_tool/js/node_modules/wrangler/node_modules/esbuild/lib/main.js:965:5)
20:36:18.064 at Object.buildOrServe (/opt/pages/build_tool/js/node_modules/wrangler/node_modules/esbuild/lib/main.js:773:5)
20:36:18.064 at /opt/pages/build_tool/js/node_modules/wrangler/node_modules/esbuild/lib/main.js:2112:17
20:36:18.064
20:36:18.064
20:36:18.064 ✘ [ERROR] [plugin wrangler-module-collector] ENOENT: no such file or directory, open '/opt/buildhome/repo/node_modules/@vercel/og/dist/yoga.wasm?module'
20:36:18.065
20:36:18.065 ../node_modules/@vercel/og/dist/index.edge.js:10:22:
20:36:18.065 10 │ import yoga_wasm from "./yoga.wasm?module";
20:36:18.065 ╵ ~~~~~~~~~~~~~~~~~~~~
20:36:18.065
20:36:18.065 This error came from the "onResolve" callback registered here:
20:36:18.065
20:36:18.065 ../../../pages/build_tool/js/node_modules/wrangler/wrangler-dist/cli.js:124157:19:
20:36:18.066 124157 │ build5.onResolve(
20:36:18.066 ╵ ~~~~~~~~~
20:36:18.067
20:36:18.067
20:36:18.067 ✘ [ERROR] Build failed with 2 errors:
20:36:18.067
20:36:18.067 ../node_modules/@vercel/og/dist/index.edge.js:9:23: ERROR: [plugin: wrangler-module-collector] ENOENT: no such file or directory, open '/opt/buildhome/repo/node_modules/@vercel/og/dist/resvg.wasm?module'
20:36:18.068 ../node_modules/@vercel/og/dist/index.edge.js:10:22: ERROR: [plugin: wrangler-module-collector] ENOENT: no such file or directory, open '/opt/buildhome/repo/node_modules/@vercel/og/dist/yoga.wasm?module'
In the docs I saw no mention of having to do anything else other than installing the plugin. Am I missing something by chance?
4 Replies
Cory
Cory14mo ago
I'm running into this problem too. Did you ever find a solution?
ゲン
ゲン13mo ago
I'm on the same boat. I'm using pnpm
ゲン
ゲン13mo ago
Found these issues https://github.com/cloudflare/pages-plugins/issues/30 I got error using ImageResponse from @cloudflare/pages-plugin-vercel-og/api or @vercel/og, and using vercelOGPagesPlugin w/ no error.
GitHub
No Loader is Configured for .wasm Files · Issue #30 · cloudflare/...
When installing the new @cloudflare/pages-plugin-vercel-og plugin, as soon as it is installed with a function created (I used the sample code used in the docs) it fails to build the worker, both lo...
noreen attahb
noreen attahb11mo ago
Any update on this? I'm running into the same issue as well
Want results from more Discord servers?
Add your server