Unable to see things in the browser

[lingxin08]

Hi,
Based on the log in my convex, I think the game is indeed running (see below image). However, in my localhost page, I just see a blank page. Any idea of possible reasons?

My browser page:

I think 1 possible reason might be, When I am setting up the keys in convex, I can't find VITE_CLERK_PUBLISHABLE_KEY, I can only found some other similar named keys in Clerk.

So in my variable set up in Convex, I just copy a publishable key from clerk, but named it as VITE_CLERK_PUBLISHABLE_KEY, like this:

Might that be the reason? If so, how to solve it? Thanks!!

[DaRealOi]

Hej you need to add this key to file ".env.local".

[tigeroid]

Hey, I have the same problem. My browser screen is not showing anything and the console log is showing this error.

Uncaught Error: @clerk/clerk-react: Missing publishableKey. You can get your key at https://dashboard.clerk.com/last-active?path=api-keys.

I have already added both the VITE_PUBLIC_CLERK_PUBLISHABLE_KEY and CLERK_SECRET_KEY on .env.local. Please help?

[francusli]

Did you grab your VITE_PUBLIC_CLERK_PUBLISHABLE_KEY from the Next.js framework or the React framework?

I did from the React one and it worked, it didn't for the Next.js one.

[gerotutu]

I'm having the same issue. Could you get any solution?

[Kerlinn]

put the '.env.local' file into 'ai-town/src/' ,this is the front-end file library