Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

@vercel/og will not work on edge outside of next - noto-sans-v27-latin-regular.ttf #582

Open
jdgamble555 opened this issue Jan 17, 2024 · 4 comments

Comments

@jdgamble555
Copy link

jdgamble555 commented Jan 17, 2024

Bug report

Description / Observed Behavior

The Vercel Docs show an example where vercel/og should work on other frameworks on the edge:

However, when you deploy vercel/og on the edge using anything other than next, you get this error:

Error: The Edge Function "fn" is referencing unsupported modules:
--
10:35:14.868 | - index.js: vc-blob-asset:./noto-sans-v27-latin-regular.ttf

This seems to be a problem with /dist/index.edge.js on this line (18983):

var fallbackFont = fetch(new URL("./noto-sans-v27-latin-regular.ttf", import.meta.url))
.then((res) => res.arrayBuffer());

Which I believe is related to src/index.edge.ts file.

Expected Behavior

It should deploy without problems on the edge and display the image correctly as in development environments.

Reproduction

https://github.com/jdgamble555/sveltekit-vercel-og

Change the runtime to use edge:

https://github.com/jdgamble555/sveltekit-vercel-og/blob/master/src/routes/og/%2Bserver.ts#L8

Additional Context

https://github.com/orgs/vercel/discussions/5250
vercel/next.js#59853
sveltejs/kit#11638
cloudflare/pages-plugins#36
etherCorps/sveltekit-og#41

@jsbrain
Copy link

jsbrain commented Jan 24, 2024

Facing the same problem, I think this has to do with the next v14 because it did work before and there are already plenty solutions that used to work.

As a matter of fact I tried all of them and it just won't work even when supplying a custom font it will still try to load noto-sans and crash.

@jdgamble555
Copy link
Author

Hey guys, this is a huge problem. Could you guys please look at this, as it makes several other repos not work!

J

@jdgamble555
Copy link
Author

Can we please get this looked at!

The Edge Function "fn" is referencing unsupported modules: - index.js: vc-blob-asset:./noto-sans-v27-latin-regular.ttf

This is a HUGE problem and effects many repos!!!

J

@RickRyan26
Copy link

I too would love for this to work

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants