I have deployed an astro site on pages, but I can't seem to open it unless I open a specific deployment url - URL: portfolio-1bs.pages.dev - Account ID: a2b511460698bf4ccc851c39cba1211f - The URL doesn't open, it says site cannot be reached

I'm going crazy trying to figure out the reasoning I'm getting

src/App.tsx(1,53): error TS2307: Cannot find module 'react-router-dom' or its corresponding type declarations.

along with a billion other Cannot find module errors with my new Vite project. It's a vite + react + typescript project that's almost directly out of the box. When I've done this with other projects it worked, so I'm confused where I might be going wrong. Anyone seen this before? Build command is

yarn build

,

dist

is the output directory. Versions are

yarn@3.6.3, nodejs@18.17.1

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

.eslint.cjs

module.exports = {
  root: true,
  env: { browser: true, es2020: true },
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended-type-checked",
    "plugin:react-hooks/recommended",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
  ],
  ignorePatterns: ["dist", ".eslintrc.cjs"],
  parser: "@typescript-eslint/parser",
  parserOptions: {
    ecmaVersion: "latest",
    sourceType: "module",
    project: ["./tsconfig.json", "./tsconfig.node.json"],
    tsconfigRootDir: __dirname,
  },
  plugins: ["react-refresh"],
  rules: {
    "react-refresh/only-export-components": [
      "warn",
      { allowConstantExport: true },
    ],
  },
};

I am onboarding email notification (https://developer.ebay.com/marketplace-account-deletion#optingOut) for my remix page application. ebay need to call my url to send a challenge code and get back a hash to confirm my application is working. Unfortunately, cloudflare blocks ebay call by asking an email. I have granted everyone hoping it can solve the problem but it didn't. Service auth seems not to work either for eBay either. I saw some unconfirmed discussion here: https://community.cloudflare.com/t/no-policy-set-but-email-otp-is-still-always-required/535473. any help is highly appreciated!

I deployed my site and it's working, but if I refresh it a few (~6) times in a row then I get an Error 1102 exceeded resource limits. What can I do to prevent this?

Hi, I have a small SPA website, and have activated the web analytics. It workls fine, but does not report any fecth calls from the APP. Is this expected? Is tpossible to have analytics on fetch calls? FWIW, I am on the free plan. Regards

I've been trying for at least 4 days now, I've been through the "Debugging Pages". I added all respective CAA records on the apex domain, and looking at the records (CNAME, A) it looks all good for

www.studiokonter.de

, but it seems the SSL Part is in the way still. I am getting a "SSL routines::sslv3 alert handshake failure" on doing the https curl acme-challenge. Also looking at the audit log it seemingly shows an active custom hostname?! { "certificate_id": "–––", "hostname": "www.studiokonter.de", "id": "–––", "status": "active", "zone_id": "---" } I'm clueless how to proceed and help is much appreciated.

Hey there, I've got a relatively large nextjs project and I'm running into the "build exceeded memory limit" - This is the first time I've created a build since the last 2 weeks and I've not added "thaat" much to it, so I'm a bit confused about it. Anyone able to help me out? (Thanks in advance)

Hello everyone, I'm not sure if this is the right place to post a comment, but I'm reaching out from Flotiq. We submitted our headless CMS some time ago and had a page here: https://workers.cloudflare.com/built-with/projects/flotiq Unfortunately, it now appears to be unavailable. Could you please check what we can do to resolve this? Thank you!

I am trying to use google-api-javascript-client (recommended by google) in my Remix CF page project. Sample code is https://github.com/google/google-api-javascript-client/blob/master/docs/start.md#option-2-use-gapiclientrequest. However, it failed: ✘ [ERROR] service core:user:myproject Uncaught ReferenceError: window is not defined at null. (functionsWorker-0.15113220025986496.js:63854:19) at null. (functionsWorker-0.15113220025986496.js:64327:4) ✘ [ERROR] MiniflareCoreError [ERR_RUNTIME_FAILURE]: The Workers runtime failed to start. There is likely additional logging output above. Any idea? Appreciate very much!

Okay, so I try to upload via wrangler deploy, then via direct upload of my build folder, and there's absolutely nothing I can find to indicate why the deployment is failing.

Hi We are getting the following error from time to time since yday. It gets resolved by it self when manually retrying the build:

22:34:13.230    Cloning repository...
22:34:14.381    From https://github.com/***/***
22:34:14.382     * branch            5401d3b1cf667acbb480a9f36502b2d27e0bf2a9 -> FETCH_HEAD
22:34:14.382    
22:34:14.482    HEAD is now at 5401d3b Add blur handler to date input
22:34:14.483    
22:34:14.595    
22:34:14.631    Success: Finished cloning repository files
22:37:38.882    Failed: an internal error occurred. If this continues, contact support: https://cfl.re/3WgEyrH

Attached you'll see two examples. This behavior started just yesterday when we updated our SvelteKit app to 2.0 along with the CloudFlare adapter. We are using version 2 of the build system. And we are using node 20.10.0. The IDs of failed deployments so far are: -

9b677520-a3d2-44f4-aa5e-fcc3340c254b

-> fixed automagically here:

449a1e7c-bc6f-4f05-8bdf-161fdf883329

-

276247a1-4ad2-4e3e-94eb-a1218b3bd6d3

-> fixed automagically here:

90442989-4266-4416-95e1-62c7336953aa

-

16627ba0-095f-4e24-8eaf-dcfb16aab99a

-> fixed automagically here:

21f3ed7f-b5a4-43b1-9bd9-34fbb19207a3

Any idea of what we could try?

Good day, I just tried adding a custom domain to my CloudFlare pages project with the my dns provider option. But after clicking begin CNAME setup I get an error page with "It looks like we're having some internal issues." I tried this about 4 hours ago to with the same result. Are there currently problems with custom domains? Visiting the Custom domains tab afterwards shows the domain as "initializing". My page: rentmagic-shop-uldk-staging.pages.dev AccountID: 8c9f69d624df024faafe6b5670e5605c

Hi, I have a website that is ready made but I can't put it up

Hi everyone, right now I have lots of images in my codebase it seems to work directly from cloudflare pages, is there any limit at which I need to move to R2? Is there any performance issues with serving directly from cloudflare pages?

So I have a solid-start project that I want to deploy to pages. I have a problem with deployment to Cloudflare pages though. After the build is complete and code is uploaded, my code is executed in the build step. This leads to a deploy error, because the environment variables aren't available so the code throws. Why does this happen? It doesn't make sense to me. As the error happens after upload I suspect this is not an error with solid-start, but I could be wrong about that of course.

09:30:24.186    Found _routes.json in output directory. Uploading.
09:30:24.202    Validating asset output directory
09:30:25.129    Deploying your site to Cloudflare's global network...
09:30:28.310    Uploading... (38/45)
09:30:28.909    Uploading... (40/45)
09:30:28.925    Uploading... (43/45)
09:30:28.993    Uploading... (45/45)
09:30:28.994    ✨ Success! Uploaded 7 files (38 already uploaded) (1.01 sec)
09:30:28.994    
09:30:29.231    ✨ Upload complete!
09:30:31.427    Success: Assets published!
09:30:32.382    Error: Failed to publish your Function. Got error: Uncaught Error: No connection string
  at chunks/nitro/cloudflare-pages.mjs:7:32544

I want to disable analysis from cloudflare I am getting error : Loading failed for the with source “https://static.cloudflareinsights.com/beacon.min.js”. i have installed the js snippet but still the delete button is not working please help. 🙏

My application establishes a web socket with the client, and then uses it to send a message when another application hits a worker. It's a pages app. Ideally, I'd like to avoid a durable object so I can deploy the whole thing using pages git route. My application needs to maintain a reference to the web socket, after the function that has created it has returned. Do I need to create a durable object to hold that reference, or is there some other way?

Hi guys. I dont know why but when i add or delete some new content on my main page, then it wont apply on website. Iam using astro

I have a site served on Cloudflare pages along with a worker for some SSR content. One of my pages is SSR and adds a modal to a page if a certain cookie is present and then instructs for the cookie to be deleted. This modal doesn't appear and the cookie isn't deleted. The behaviour works as expected when hosting locally. I tried bypassing the cache by adding a query parameter for when the modal should show e.g.

example.com/?modal

, however this doesn't change the resulting HTML. What else can I try?

Since yesterday I have pointed a custom domain to my CF pages via the automatically added CNAME pointing to the apex. Then I first tried to add the www subdomain as another custom domain which worked for an hour and then returned 503 again. Afterwards I removed the www subdomain again and tried to add a bulk redirect which never worked. In the end I added a page rule to redirect which worked immediately but then also stopped working after some time and I get again 503s. My account id: fde4ca60cb752b518e901a4c89f0225e

We have several different staging/test environments we use to test various work across teams. With Vercel we were using designated deploy branches, that had their own domain & env vars setup. We would have branches like

env/dev-1

that deployed to

dev-1.test.com

with all the correct ENV vars for that environment. I havent' seen a way to have deploys (GH Actions, wrangler) that have different env vars. Is there any way we can handle these? We expect our Preview deploys to be able to point to several different environments.

Can you Download deployments from Cloudflare Pages?

Builds with zero errors in v1. Builds with zero errors locally using the same npm and node versions as v2 build engine. In v2 prod: npm ERR! ERESOLVE could not resolve npm ERR! Could not resolve dependency (react versions) npm ERR! Conflicting peer dependency (react versions again) I asked Cloudflare support if there are plans to add npm flags so I could run npm i --force or npm i --legacy-peer-deps. They gave up and directed me here.

I have a SvelteKit app that has some prerendered api/page routes. These routes should ideally be rendered with data from KV/D1, but despite the bindings being available in non-prerendered routes runtime, they are not available during build time. Is this the expected behaviour and if so, what's the recommended way around this?

Is it possible to grab the branch preview URL out of

cloudflare/pages-action

? I'm trying to simulate the nice chatops-y build status message the cloudflare build process creates when building in Github instead for more control.

Hey i tried implementing QuaggaJS and Instascan. Nothing worked out. Would be nice if someone could give me a hint. Or even better prov of concept code. LG TCT

So I've been building out an API on pages using functions by connecting a git repo with the following structure

functions
├── ping.js
└── index.js

When I deploy it I can send a get request to

mydomain.pages.dev/ping

and it will respond with

{ "msg": "pong"}

I want to deploy a Nuxt font end to this

mydomain.pages.dev

and have all the routes defined in my

functions

folder like

/ping

be considered API requests by the router. But when I deploy a Nuxt project with the

functions

folder included, Nuxt overrides all of the routes in

folders

and just redirects the page to

/

on Nuxt. The documentation on how to manage Nuxt routing with functions is pretty sparse https://developers.cloudflare.com/pages/framework-guides/deploy-a-nuxt-site/#use-bindings-in-your-nuxt-application

Hey all, i cannot figure out how to use the d1 binding along staticFormsPlugin. right now it doesnt even run the staticFormsPlugin Any ideas?

heyo, insanely new to all of this and i just tried launching a portfolio website that i worked on (and plan on working on further later on) and i get the following right before it gives me the "Status: Failed" message: gulp: not found as far as my knowledge goes, i have everything gulp related installed, setup and correctly written down, i've double checked and tried looking stuff but i was unable to find an answer (i might be blind. idk) pages.dev: maybescripted.pages.dev deployment ID: ( it never deployed? / idk ) account ID: 3268abae632ef54b1353a002ca55781c the log error before it crashes is: Executing user command: gulp build /bin/sh: 1: gulp: not found Failed: Error while executing user command. Exited with error code: 127 Failed: build command exited with code: 1 Failed: error occurred while running build command . the full log is attached file. again i'm really sorry if this is something simple, or i'm not supposed to be asking questions like this here. i'm insanely new to this

The site is working well with GitHub pages but having issues with cloudflare pages