Anyone know why I can't access my local KV? Start Command ```wrangler pages dev --kv=MY_KV --compat

Anyone know why I can't access my local KV?
Start Command

wrangler pages dev --kv=MY_KV --compatibility-date=2023-10-30 --proxy 3000 -- npm run dev

wrangler pages dev --kv=MY_KV --compatibility-date=2023-10-30 --proxy 3000 -- npm run dev

wrangler pages dev --kv=MY_KV --compatibility-date=2023-10-30 --proxy 3000 -- npm run dev

wrangler pages dev --kv=MY_KV --compatibility-date=2023-10-30 --proxy 3000 -- npm run dev

Function

export default defineEventHandler(({ context }) => {
  return context;
});

export default defineEventHandler(({ context }) => {
  return context;
});

export default defineEventHandler(({ context }) => {
  return context;
});

export default defineEventHandler(({ context }) => {
  return context;
});

Context

{
  "_nitro": {
    "routeRules": {}
  },
  "nitro": {
    "errors": []
  },
  "matchedRoute": {
    "path": "/api/hello",
    "handlers": {}
  },
  "params": {}
}

{
  "_nitro": {
    "routeRules": {}
  },
  "nitro": {
    "errors": []
  },
  "matchedRoute": {
    "path": "/api/hello",
    "handlers": {}
  },
  "params": {}
}

{
  "_nitro": {
    "routeRules": {}
  },
  "nitro": {
    "errors": []
  },
  "matchedRoute": {
    "path": "/api/hello",
    "handlers": {}
  },
  "params": {}
}

{
  "_nitro": {
    "routeRules": {}
  },
  "nitro": {
    "errors": []
  },
  "matchedRoute": {
    "path": "/api/hello",
    "handlers": {}
  },
  "params": {}
}

It's nuxt. And if I try to access it like in the Docs context.cloudflare.env.MY_KV; I get cloudflare isn't defined

Error

[proxy]: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'env')

[proxy]: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'env')

[proxy]: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'env')

[proxy]: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'env')

LLeon338 Anyone know why I can't access my local KV? Start Command ```wrangler pages dev...

Leon338OP•11/21/23, 8:02 PM

For real I can't get it running. Please add some proper local examples ... It works on deploy but not local. I tried for hours

LLeon338 Anyone know why I can't access my local KV? Start Command ```wrangler pages dev...

Hello, I’m Allie!•11/21/23, 8:07 PM

You can't use bindings in proxy mode

Hello, I’m Allie!•11/21/23, 8:07 PM

You can use something like https://www.npmjs.com/package/cf-bindings-proxy to bridge the gap

npm

cf-bindings-proxy

Experimental proxy for interfacing with bindings in projects targeting Cloudflare Pages. Latest version: 0.7.1, last published: 20 days ago. Start using cf-bindings-proxy in your project by running npm i cf-bindings-proxynpm i cf-bindings-proxy. There are no other projects in the npm registry using cf-bindings-proxy.

HHello, I’m Allie!You can't use bindings in proxy mode

Leon338OP•11/21/23, 8:08 PM

Noo way I tried for like 6 hours to get this stupid cloudflare context feelskek2

HHello, I’m Allie!You can't use bindings in proxy mode

Leon338OP•11/21/23, 8:10 PM

But doesn't this say I can use the context?? https://developers.cloudflare.com/pages/platform/functions/bindings/

Interact with your KV namespaces locally
While developing locally, interact with your KV namespace by adding -k <BINDING_NAME> or --kv=<BINDING_NAME> to your run command. For example, if your namespace is bound to TODO_LIST, access the KV namespace in your local dev by running npx wrangler pages dev <OUTPUT_DIR> --kv=TODO_LIST. The data from this namespace can be accessed using context.env.TODO_LIST.

Interact with your KV namespaces locally
While developing locally, interact with your KV namespace by adding -k <BINDING_NAME> or --kv=<BINDING_NAME> to your run command. For example, if your namespace is bound to TODO_LIST, access the KV namespace in your local dev by running npx wrangler pages dev <OUTPUT_DIR> --kv=TODO_LIST. The data from this namespace can be accessed using context.env.TODO_LIST.

LLeon338 But doesn't this say I can use the context?? https://developers.cloudflare.com/p...

Hello, I’m Allie!•11/21/23, 8:18 PM

You can use bindings, just not in proxy mode. The context.envcontext.env in this case is if you are using raw Functions, instead of a framework like Nuxt

HHello, I’m Allie!You can use bindings, just not in proxy mode. The `context.env` in this case is ...

Leon338OP•11/21/23, 8:19 PM

Ohh boi, good to know. But the bindings proxy did work thank you

زين•12/3/23, 5:04 PM

How do i host my discord bot's dashboard using cloudflare? Somehow when i made a git repo of my bot's code and built it with cloudflare the bot is now 24/7 online, but when i try accessing the page of the site(provided by cloudflare) it shows that the site is empty or idk

Erisa•12/3/23, 5:50 PM

It very very heavily depends on what technology you built the dashboard with and what environment is required to host it

EErisa It very very heavily depends on what technology you built the dashboard with and...

زين•12/3/23, 6:25 PM

Express

زين•12/3/23, 6:26 PM

And wdym what environment?

زين•12/3/23, 6:29 PM

@Erisa | Support Engineer mind helping me in dms?

ززين Express

Hello, I’m Allie!•12/3/23, 6:57 PM

You can’t host an Express app on Cloudflare, so that might be why

HHello, I’m Allie!You can’t host an Express app on Cloudflare, so that might be why

زين•12/4/23, 1:29 PM

U sure?

ززين U sure?

zegevlier•12/4/23, 1:37 PM

Not directly at least. You would need to modify it to use another router such as Hono instead of express

zegevlier•12/4/23, 1:38 PM

Also, asking "U sure?" makes it sound like you know something that says the opposite, which I don't believe is the case here

Zzegevlier Also, asking "U sure?" makes it sound like you know something that says the oppo...

زين•12/4/23, 1:41 PM

I saw a couple people using express to host but no tutorial found just making sure

Zzegevlier Not directly at least. You would need to modify it to use another router such as...

زين•12/4/23, 1:41 PM

Is it the same?

zegevlier•12/4/23, 1:43 PM

No, it's something else?

zegevlier•12/4/23, 1:43 PM

Hono is similar to express, but it's a different library

زين•12/4/23, 1:43 PM

Similar tho

زين•12/4/23, 1:43 PM

Same things it hosts a web right?

زين•12/4/23, 1:44 PM

Any docs?

زين•12/4/23, 1:44 PM

For both making a hono web app and hosting it in cloudflare

ززين Any docs?

zegevlier•12/4/23, 1:44 PM

Have you tried looking for them?

زين•12/4/23, 1:44 PM

For cloudflare hosting yes

زين•12/4/23, 1:44 PM

But hono no

زين•12/4/23, 1:44 PM

Yeah mb i should have looked for the hono docs

zegevlier•12/4/23, 1:44 PM

We're happy to help you here if you have any issues, but we can't do everything for you

زين•12/4/23, 1:45 PM

Yes i understand that thank you

زين•12/4/23, 1:45 PM

Any docs to host a hono app on cloudflare?

زين•12/4/23, 1:45 PM

Ill search for hono

زين•12/4/23, 1:48 PM

@zegevlier hono is for ts i want to host a js app

ززين @zegevlier hono is for ts i want to host a js app

Hello, I’m Allie!•12/4/23, 1:54 PM

TS is transpiled to JS, so it will still work

gralzer•12/4/23, 6:03 PM

Hello, I have a couple questions. Would be great if someone could answer these because I really cant find a solution to this.

Is using mailchannels the currently easiest way to send email from a statically deployed next.js website contact form?
Where can I get the cfid if I am not using workers but CF functions?
How can I test my implementation before deploying it to production? I am currently testing on my x.pages.dev site before assigning my domain with the domain lockdown dns record to it.

Ggralzer Hello, I have a couple questions. Would be great if someone could answer these b...

Unsmart•12/4/23, 6:12 PM

I mean any of them would just be an API call so not really the "easiest" but I think the only one with a predefined plugin so
The error message should tell you but it should be
```
x.pages.dev
```
```
x.pages.dev
```
or
```
yourdomain.com
```
```
yourdomain.com
```
You should be able to test while its on
```
x.pages.dev
```
```
x.pages.dev
```
but you wouldnt be able to test it locally since the request needs to come from a CF worker

UUnsmart 1. I mean any of them would just be an API call so not really the "easiest" but ...

gralzer•12/4/23, 6:24 PM

Thanks, I will try it.

HHello, I’m Allie!TS is transpiled to JS, so it will still work

زين•12/4/23, 7:08 PM

Wdym

ززين Wdym

Isaac McFadyen•12/4/23, 7:12 PM

Typescript is converted to JavaScript when compiling/transpiling. Anything that will work in Typescript will work in JavaScript as well.

Isaac McFadyen•12/4/23, 7:12 PM

So you can just use Hono with JS fine

UUnsmart 1. I mean any of them would just be an API call so not really the "easiest" but ...

gralzer•12/4/23, 8:40 PM

I just cant wrap my head around this... I copied the entire script from the cloudflare documentation. While building my site it acknowledges that I have a function, I can also see it in functions section of my page as the _middleware.ts:onRequest when I submit the simple form I copied from the documentation, I cant see anything in my network tab, it just doesnt work

Fenix•12/6/23, 6:35 PM

Hey all, I have a quick question about setting up my dev environment. I'm working with Pages Functions in TypeScript through VSCode and I was wondering if there is any method to get syntax highlighting / autocomplete for the top level

onRequest

onRequest

onRequestGet

onRequestGet

/... functions?

FFenix Hey all, I have a quick question about setting up my dev environment. I'm workin...

Hello, I’m Allie!•12/6/23, 6:44 PM

You can type it with

PagesFunction

PagesFunction

HHello, I’m Allie!You can type it with `PagesFunction`?

Fenix•12/6/23, 7:05 PM

To get the correct param/return types yes, but I mean to get top level autocomplete for the function name itself i.e. type onReq -> see options for onRequest/onRequestGet/etc. for 'naming safety' if that makes sense?

Fenix•12/6/23, 7:06 PM

Basically to auto-complete the options of the Functions API itself https://developers.cloudflare.com/pages/platform/functions/api-reference/

FFenix To get the correct param/return types yes, but I mean to get top level autocompl...

Hello, I’m Allie!•12/6/23, 7:07 PM

Oh, then no

Fenix•12/6/23, 7:08 PM

Ah, well, thanks for the confirmation either way

Marius Gundersen•12/7/23, 6:15 AM

There is an issue in the TypeScript repo for this kind of thing, you can add your support for it there https://github.com/microsoft/TypeScript/issues/38511

GitHub

Type annotation for all exports in the module · Issue #38511 · micr...

Search Terms Export, typed exports, modules, Next.js, Redwood.js Suggestion Allow a new syntax From issue #420 that will allow typing all of exports in a module. export implements { default: string...

Anyone know why I can't access my local KV? Start Command ```wrangler pages dev --kv=MY_KV --compat

Similar Threads

Similar Threads

Similar Threads