hey guys, i hope you are well. I need help with my sveltekit deployment on cloudflare - it was worki

E

eftichis.OP•12/13/24, 11:22 AM

i created an issue for this, without knowing the error i don't know how i can possibly approach to fix it.. https://github.com/cloudflare/workers-sdk/issues/7538

GitHub

🐛 BUG: Error: Failed to publish your Function. Got error: An unknow...

Which Cloudflare product(s) does this pertain to? Workers for Platforms What version(s) of the tool(s) are you using? wrangler 3.95.0 What version of Node are you using? v22.12.0 What operating sys...

Eeftichis.hey guys, i hope you are well. I need help with my sveltekit deployment on cloud...

W

Walshy•12/13/24, 11:24 AM

what's your account id?

WWalshy what's your account id?

E

eftichis.OP•12/13/24, 11:25 AM

where do i find that? or you mean the email associated with my account?

W

Walshy•12/13/24, 11:26 AM

https://developers.cloudflare.com/fundamentals/setup/find-account-and-zone-ids/#find-account-id-workers-and-pages

E

eftichis.OP•12/13/24, 11:27 AM

5ff7a66fda801175d5984ea53246ed96

W

Walshy•12/13/24, 11:29 AM

hmm what's the pages.dev having issues?

E

eftichis.OP•12/13/24, 11:30 AM

pnpm run svelte-kit sync && svelte-check --tsconfig ./tsconfig.json

pnpm run svelte-kit sync && svelte-check --tsconfig ./tsconfig.json

throws no errors

E

eftichis.OP•12/13/24, 11:30 AM

local

E

eftichis.OP•12/13/24, 11:32 AM

i only tried to deploy on the main git branch

E

eftichis.OP•12/13/24, 11:32 AM

i haven't touched the prod branch yet

E

eftichis.OP•12/13/24, 11:33 AM

E

eftichis.OP•12/13/24, 11:33 AM

W

Walshy•12/13/24, 11:34 AM

Ok I see what's going on, will need to contact another team

E

eftichis.OP•12/13/24, 11:34 AM

oh what happened ?

Eeftichis.```pnpm run svelte-kit sync && svelte-check --tsconfig ./tsconfig.json``` throws...

R

Rastislav₡ore•12/13/24, 12:04 PM

Sir, which version of SvelteKit you are using? It may be related to my investigation.

RRastislav₡ore Sir, which version of SvelteKit you are using? It may be related to my investiga...

E

eftichis.OP•12/13/24, 12:05 PM

thank you for checking!

E

eftichis.OP•12/13/24, 12:06 PM

@sveltejs/kit 2.11.1

@sveltejs/kit 2.11.1

E

eftichis.OP•12/13/24, 12:06 PM

and

 svelte 5.12.0

 svelte 5.12.0

R

Rastislav₡ore•12/13/24, 12:08 PM

Right, my environment is based on the similar framework version. I am investigating and will keep you posted here. No solution is in the hands right away.

E

eftichis.OP•12/13/24, 12:08 PM

thank you so much - if required i can give you access to the repo

R

Rastislav₡ore•12/13/24, 12:09 PM

If repo is Open-source I will be happy to help you. It can help so many other people here as well.

to help

E

eftichis.OP•12/13/24, 12:09 PM

it's not open source though

R

Rastislav₡ore•12/13/24, 12:10 PM

Then just relevant parts are fine. I cannot sign any NDA, unfortunately…

R

Rastislav₡ore•12/13/24, 12:10 PM

Let me test my demo project seems same issue

E

eftichis.OP•12/13/24, 12:11 PM

haha that fine, i'm ok sharing it with you directly - it's just not for everyone here

K

kingmesal•12/13/24, 4:29 PM

is there a Type or a doc somewhere that has the full definition of the new and amazing sounding

wrangler.json

wrangler.json

?

I want to make use of this, because I have been needing JSON desperately.

Kkingmesal is there a Type or a doc somewhere that has the full definition of the new and a...

H

Hello, I’m Allie!•12/13/24, 4:58 PM

You can do

{
    "$schema": "node_modules/wrangler/config-schema.json"
}

{
    "$schema": "node_modules/wrangler/config-schema.json"
}

{
    "$schema": "node_modules/wrangler/config-schema.json"
}

{
    "$schema": "node_modules/wrangler/config-schema.json"
}

H

Hello, I’m Allie!•12/13/24, 4:58 PM

But it follows the exact same format as wrangler.toml, just with JSON instead of TOML

HHello, I’m Allie!You can do ```json { "$schema": "node_modules/wrangler/config-schema.json" }...

K

kingmesal•12/13/24, 5:04 PM

That is kind of a BIG but... because I can write the TOML 2 ways for many of the different parts of it, which easily obscures how to structure the json, depending on how your wrote the TOML. Would be great if there was a prebuild Typescript Type for that though.

Original message was deleted

K

kingmesal•12/13/24, 6:14 PM

We'll we dynamically / programmatically generate the Wrangler config, so having a typescript type here would be great.

I've just tried 4 different tools with that json to generate a type and they all error and in different ways...

Original message was deleted

K

kingmesal•12/13/24, 6:27 PM

Sorry, I mean, I'm using that config-schema.json to try to produce a Typescript type ... and they are not working.

Original message was deleted

K

kingmesal•12/13/24, 6:42 PM

thanks! that was exactly what I needed!!

WWalshy Ok I see what's going on, will need to contact another team

E

eftichis.OP•12/13/24, 7:25 PM

Hi Walshy, just wanted to follow up on this as i am still having the same bug without being able to get a proper error message to fix it

T

theo•12/13/24, 9:42 PM

would love to see wrangler config move to JS/TS. Would provide better intellisense, and make a lot of things much simpler!
see my comment here - https://github.com/cloudflare/workers-sdk/discussions/1951#discussioncomment-11403667

Ttheo would love to see wrangler config move to JS/TS. Would provide better intellisen...

K

kingmesal•12/14/24, 2:39 AM

Just ran my first test with it and it works great... And the type reference that Skye shared helped ensure as I was typing things in vs code showed me all the options :w00t:

T

theo•12/14/24, 2:53 AM

Nice that there is a type! But would love if it was just a wrangler.ts file that get automatically parsed

T

theo•12/14/24, 2:56 AM

Would make it much easier to start introducing things like hooks, or let you mess with the esbuild config, to do things like add plugins

K

karenr•12/16/24, 9:31 AM

Hi,

I am new to the cloudflare d1. I am confused as to why the local data persist when deploying to production? I don't want the local data used for testing to be part of the production build. Only when deleting the local data inside the .wrangler/state/v3/d1/* files it displays the production data during deployment.

right now, I have 21 records in the d1 dashboard and locally I have 5 records. But on production the 5 records are displaying instead of the 21 records. Am I missing something? Or is this how the cloudflare build works?

I am using opennext to deploy next.js in cloudflare. these are the default script during the opennext cloudflare set up

"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint",
"deploy": "cloudflare && wrangler deploy",
"preview": "cloudflare && wrangler dev",
"cf-typegen": "wrangler types --env-interface CloudflareEnv env.d.ts",
"build:worker": "cloudflare",
"dev:worker": "wrangler dev",
"preview:worker": "cloudflare && wrangler dev",
"deploy:worker": "npm run build:worker && wrangler deploy",
},

Appreciate any enlightenment. Also if this was previously asked and resolved, please kindly share the links to the post. Thank you!

G

Gad Mugambi•12/17/24, 5:36 AM

Cloudflare with nextjs kind of sucks.
Some of us have pre-existing enterprise nextjs app but can't try out cloudflare due to the 3mb worker limit.
Of course we will be willing to pay if we verify that cloudflare actually works.
Most tutorials just show starter apps, which are not actually true applications for production

GGad Mugambi Cloudflare with nextjs kind of sucks. Some of us have pre-existing enterprise n...

A

Abdul•12/17/24, 10:40 AM

What do you mean by 3mb worker limit? I don't see any limit.

Whilst i am building a production Nextjs app cloudflare pages and cloudflare workers... works Tremendous

AAbdul What do you mean by 3mb worker limit? I don't see any limit. Whilst i am buildi...

C

Chaika•12/17/24, 3:18 PM

Workers/Functions can be 3 MB max bundled (this is just the code, not including static assets) on free, or 10 MB on paid. This isn't the right channel for nextjs stuff anyway tho #next-on-pages

A

Alex•12/17/24, 4:44 PM

Hi. I am trying to have a simple proxy in functions/[[catchall]].js which will intercept few endpoints and proxy to a different url under the hood. However I keep running into weird error like this:

[wrangler:err] Error: internal error
    at async jsonError (file:///D:/Frontend/node_modules/wrangler/templates/middleware/middleware-miniflare3-json-error.ts:22:10)
    at async drainBody (file:///D:/Frontend/node_modules/wrangler/templates/middleware/middleware-ensure-req-body-drained.ts:5:10)

[wrangler:err] Error: internal error
    at async jsonError (file:///D:/Frontend/node_modules/wrangler/templates/middleware/middleware-miniflare3-json-error.ts:22:10)
    at async drainBody (file:///D:/Frontend/node_modules/wrangler/templates/middleware/middleware-ensure-req-body-drained.ts:5:10)

[wrangler:err] Error: internal error
    at async jsonError (file:///D:/Frontend/node_modules/wrangler/templates/middleware/middleware-miniflare3-json-error.ts:22:10)
    at async drainBody (file:///D:/Frontend/node_modules/wrangler/templates/middleware/middleware-ensure-req-body-drained.ts:5:10)

[wrangler:err] Error: internal error
    at async jsonError (file:///D:/Frontend/node_modules/wrangler/templates/middleware/middleware-miniflare3-json-error.ts:22:10)
    at async drainBody (file:///D:/Frontend/node_modules/wrangler/templates/middleware/middleware-ensure-req-body-drained.ts:5:10)

my proxy is:

export default {
  async fetch(request, env, ctx) {
    console.log('proxy intercept', request, env);
    const url = new URL(request.url);
      const host = env.VITE_BACKEND_HOST;
      if (url.pathname.startsWith("/api")) {
        // handle api
        const pathname = url.pathname;
        const search = url.search;
        const pathWithParams = pathname + search;
        const newUrl = `${host}${pathWithParams}`;
        const cookies = parseAuthCookies(request.headers.get("cookie"), tabId);
        const newRequest = new Request(request);
        const token = cookies["Api.Token"];
        if (token != null) {
          newRequest.headers.set("Authorization", "Bearer " + token);
        }
        const response = await fetch(newUrl, newRequest); // exception
        console.log("proxy response", response);
        return response;
      }

    return fetch(url, request);
  }
}

export default {
  async fetch(request, env, ctx) {
    console.log('proxy intercept', request, env);
    const url = new URL(request.url);
      const host = env.VITE_BACKEND_HOST;
      if (url.pathname.startsWith("/api")) {
        // handle api
        const pathname = url.pathname;
        const search = url.search;
        const pathWithParams = pathname + search;
        const newUrl = `${host}${pathWithParams}`;
        const cookies = parseAuthCookies(request.headers.get("cookie"), tabId);
        const newRequest = new Request(request);
        const token = cookies["Api.Token"];
        if (token != null) {
          newRequest.headers.set("Authorization", "Bearer " + token);
        }
        const response = await fetch(newUrl, newRequest); // exception
        console.log("proxy response", response);
        return response;
      }

    return fetch(url, request);
  }
}

export default {
  async fetch(request, env, ctx) {
    console.log('proxy intercept', request, env);
    const url = new URL(request.url);
      const host = env.VITE_BACKEND_HOST;
      if (url.pathname.startsWith("/api")) {
        // handle api
        const pathname = url.pathname;
        const search = url.search;
        const pathWithParams = pathname + search;
        const newUrl = `${host}${pathWithParams}`;
        const cookies = parseAuthCookies(request.headers.get("cookie"), tabId);
        const newRequest = new Request(request);
        const token = cookies["Api.Token"];
        if (token != null) {
          newRequest.headers.set("Authorization", "Bearer " + token);
        }
        const response = await fetch(newUrl, newRequest); // exception
        console.log("proxy response", response);
        return response;
      }

    return fetch(url, request);
  }
}

export default {
  async fetch(request, env, ctx) {
    console.log('proxy intercept', request, env);
    const url = new URL(request.url);
      const host = env.VITE_BACKEND_HOST;
      if (url.pathname.startsWith("/api")) {
        // handle api
        const pathname = url.pathname;
        const search = url.search;
        const pathWithParams = pathname + search;
        const newUrl = `${host}${pathWithParams}`;
        const cookies = parseAuthCookies(request.headers.get("cookie"), tabId);
        const newRequest = new Request(request);
        const token = cookies["Api.Token"];
        if (token != null) {
          newRequest.headers.set("Authorization", "Bearer " + token);
        }
        const response = await fetch(newUrl, newRequest); // exception
        console.log("proxy response", response);
        return response;
      }

    return fetch(url, request);
  }
}

It never gets to response part. Always throws exception. When I test url like

https://localhost:5001/api/files/vault/bf09a8c8-54b3-4fb9-9d32-3a5e9d837ecb.jpeg

https://localhost:5001/api/files/vault/bf09a8c8-54b3-4fb9-9d32-3a5e9d837ecb.jpeg

in postman with auth header it works correctly. But when I do 8787 one in browser it doesn't And I see correct headers just before the call to inner fetch. Do you see if I am doing something wrong? Thank you.

NNH 🇮🇹Hey guys, I’m new to Cloudflare and Wrangler, so I apologize in advance if I hav...

E

Erik•12/17/24, 11:44 PM

i added node version to wrangler.toml

[vars]
NODE_VERSION = "18.18.0"

[vars]
NODE_VERSION = "18.18.0"

EErik i added node version to wrangler.toml ``` [vars] NODE_VERSION = "18.18.0" ```

N

NH 🇮🇹•12/18/24, 3:12 PM

Hey Erik,
thanks for your implementation

N

NH 🇮🇹•12/18/24, 3:12 PM

Appreciate your work

K

kchro3•12/19/24, 10:08 PM

i'd like to be able to test prompts locally with vitest, and i was hoping that i could make a test that would load my API keys from my .dev.vars file. can this be done? it looks like process.env is empty

Ttheo Would make it much easier to start introducing things like hooks, or let you mes...

K

kingmesal•12/20/24, 2:26 PM

If you happen to us VS Code, I just discovered this, and I started using it...
Add this to your project

.vscode/settings.json

.vscode/settings.json

  "json.schemas": [
    {
      "fileMatch": ["wrangler.json"],
      "url": "./node_modules/wrangler/config-schema.json"
    }
  ],

  "json.schemas": [
    {
      "fileMatch": ["wrangler.json"],
      "url": "./node_modules/wrangler/config-schema.json"
    }
  ],

  "json.schemas": [
    {
      "fileMatch": ["wrangler.json"],
      "url": "./node_modules/wrangler/config-schema.json"
    }
  ],

  "json.schemas": [
    {
      "fileMatch": ["wrangler.json"],
      "url": "./node_modules/wrangler/config-schema.json"
    }
  ],

Works perfectly! (acknowledging it is NOT exactly what you were asking for)

Kkingmesal If you happen to us VS Code, I just discovered this, and I started using it... A...

T

theo•12/20/24, 5:29 PM

thanks - definitely useful! Although what I'm really after is the ability to programatically drive it, and mess with esbuild instance

B

Bonadio•12/21/24, 4:14 PM

Trying to run worker in DEV but accessing R2 from production.
npx wrangler dev --config ./wrangler_t1.toml (this runs local) I have a /test endpoint and it works

now if I add --remote I no longer can access the /test endpoit
npx wrangler dev --config ./wrangler_t1.toml --remote

If I go to localhost:8787/test I get
[wrangler:inf] GET / 404 Not Found (2ms)

hey guys, i hope you are well. I need help with my sveltekit deployment on cloudflare - it was worki

Similar Threads

Similar Threads

Similar Threads