We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Starters / CLI
I installed Qwik with Cloudflare Pages integration following this guide.
Tested with: yarn, then pnpm, then npm, same issue.
The same issue will happen every time pnpm run serve is ran or yarn run serve or npm run serve
pnpm run serve
yarn run serve
npm run serve
https://developers.cloudflare.com/pages/framework-guides/deploy-a-qwik-site/
This bug is easy to reproduce:
pnpm create cloudflare@latest my-qwik-app --framework=qwik or.. yarn create cloudflare@latest my-qwik-app --framework=qwik or.. npm create cloudflare@latest -- my-qwik-app --framework=qwik
When asked "Do you want to deploy your application?", answer Yes.
System: OS: Windows 10 10.0.19045 CPU: (8) x64 Intel(R) Core(TM) i7-4770K CPU @ 3.50GHz Memory: 9.31 GB / 15.95 GB Binaries: Node: 20.17.0 - C:\Program Files\nodejs\node.EXE Yarn: 4.5.3 - C:\Program Files\nodejs\yarn.CMD npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD pnpm: 9.14.3 - C:\Program Files\nodejs\pnpm.CMD Browsers: Edge: Chromium (126.0.2592.68)
>npm create cloudflare@latest -- my-qwik-app --framework=qwik Need to install the following packages: create-cloudflare@2.33.1 Ok to proceed? (y) y > npx > create-cloudflare my-qwik-app --framework=qwik ────────────────────────────────────────────────────────────────────────────────────────────────────────── 👋 Welcome to create-cloudflare v2.33.1! 🧡 Let's get started. 📊 Cloudflare collects telemetry about your usage of Create-Cloudflare. Learn more at: https://github.com/cloudflare/workers-sdk/blob/main/packages/create-cloudflare/telemetry.md ────────────────────────────────────────────────────────────────────────────────────────────────────────── ╭ Create an application with Cloudflare Step 1 of 3 │ ├ In which directory do you want to create your application? │ dir ./my-qwik-app │ ├ What would you like to start with? │ category Framework Starter │ ├ Which development framework do you want to use? │ framework Qwik │ ├ Continue with Qwik via `npx create-qwik@1.10.0 playground my-qwik-app` │ Need to install the following packages: create-qwik@1.10.0 Ok to proceed? (y) y ............ .::: :--------:. .:::: .:-------:. .:::::. .:-------. ::::::. .:------. ::::::. :-----: ::::::. .:-----. :::::::. .-----. ::::::::.. ---:. .:::::::::. :-:. ..:::::::::::: ...:::: T Let's create a Qwik App ✨ (v1.10.0) | o Result -------------------------------------------------+ | | | 🦄 Success! Project created in my-qwik-app directory | | | | 🤍 Integrations? Add Netlify, Cloudflare, Tailwind... | | npm run qwik add | | | | 📄 Relevant docs: | | https://qwik.dev/docs/getting-started/ | | | | 💬 Questions? Start the conversation at: | | https://qwik.dev/chat | | https://twitter.com/QwikDev | | | | 👀 Presentations, Podcasts and Videos: | | https://qwik.dev/media/ | | | | 🐰 Next steps: | | cd my-qwik-app | | npm install | | npm start | | | | | +----------------------------------------------------------+ | — Happy coding! 🎉 ├ Copying template files │ files copied to project directory │ ├ Installing dependencies │ installed via `npm install` │ ╰ Application created ╭ Configuring your application for Cloudflare Step 2 of 3 │ ├ Installing wrangler A command line tool for building Cloudflare Workers │ installed via `npm install wrangler --save-dev` │ ├ Installing @cloudflare/workers-types │ installed via npm │ ├ Adding latest types to `tsconfig.json` │ added @cloudflare/workers-types/2023-07-01 │ ├ Retrieving current workerd compatibility date │ compatibility date 2024-11-27 │ ╰ Running npx qwik add cloudflare-pages ............ .::: :--------:. .:::: .:-------:. .:::::. .:-------. ::::::. .:------. ::::::. :-----: ::::::. .:-----. :::::::. .-----. ::::::::.. ---:. .:::::::::. :-:. ..:::::::::::: ...:::: T 🦋 Add Integration cloudflare-pages | o 👻 Ready? Add cloudflare-pages to your app? | | 🐬 Modify | - .gitignore | - package.json | - README.md | | 🌟 Create | - public\_headers | - public\_redirects | - src\entry.cloudflare-pages.tsx | - adapters\cloudflare-pages\vite.config.ts | | 💾 Install npm dependency: | - wrangler ^3.0.0 | | 📜 New npm script: | - npm run build.server | - npm run deploy | - npm run serve | o Ready to apply the cloudflare-pages updates to your app? | Yes looks good, finish update! | o App updated | o New scripts added ------+ | | | - npm run build.server | | - npm run deploy | | - npm run serve | | | +--------------------------+ | o 🟣 Next Steps ------------------------------------------------------+ | | | Now you can build and deploy to Cloudflare Pages with: | | | | - npm run build: production build for Cloudflare | | - npm run deploy: it will use the Cloudflare CLI to deploy your site | | | +------------------------------------------------------------------------+ | — 🦄 Success! Added cloudflare-pages to your app ├ Updating `vite.config.ts` │ updated `vite.config.ts` │ ├ Updating `src/entry.cloudflare-pages.tsx` │ updated `src/entry.cloudflare-pages.tsx` │ ├ Adding Wrangler files to the .gitignore file │ updated .gitignore file │ ├ Updating `package.json` scripts │ updated `package.json` │ ├ Do you want to use git for version control? │ yes git │ ├ Initializing git repo │ initialized git │ ├ Committing new files │ git commit │ ╰ Application configured ╭ Deploy with Cloudflare Step 3 of 3 │ ├ Do you want to deploy your application? │ yes deploy via `npm run deploy` │ ├ Logging into Cloudflare checking authentication status │ logged in │ ├ Selecting Cloudflare account retrieving accounts │ account more than one account available │ ├ Which account do you want to use? │ account REDACTED's Account │ ├ Creating Pages project │ created via `npx wrangler pages project create my-qwik-app --production-branch master` │ ├ Verifying Pages project │ verified project is ready for deployment │ > deploy > npm run build && wrangler pages deploy > build > qwik build ............ .::: :--------:. .:::: .:-------:. .:::::. .:-------. ::::::. .:------. ::::::. :-----: ::::::. .:-----. :::::::. .-----. ::::::::.. ---:. .:::::::::. :-:. ..:::::::::::: ...:::: npm run build.types npm run build.client npm run build.server npm run lint > build.types > tsc --incremental --noEmit > build.client > vite build vite v5.3.5 building for production... ✓ 79 modules transformed. dist/build\q-bundle-graph-7w442p.json 0.89 kB │ gzip: 0.46 kB dist/qwik-prefetch-service-worker.js 3.91 kB dist/assets/uOW82FhY-thunder.webp 4.45 kB dist/assets/4fKdvPuU-thunder.webp 9.26 kB dist/assets/D1GWFvML-thunder.webp 13.65 kB dist/assets/CoVGs9lf-thunder.webp 19.02 kB dist/assets/DD7BZciK-thunder.webp 29.65 kB dist/q-manifest.json 39.96 kB │ gzip: 5.88 kB dist/assets/CceB0glr-style.css 3.68 kB │ gzip: 1.27 kB dist/build/q-BFjz3agL.js 0.11 kB │ gzip: 0.10 kB dist/build/q-C_96mkyA.js 0.11 kB │ gzip: 0.11 kB dist/build/q-CpAeDpID.js 0.11 kB │ gzip: 0.11 kB dist/build/q-vFMDRAX2.js 0.11 kB │ gzip: 0.10 kB dist/build/q-nbg0qmaL.js 0.11 kB │ gzip: 0.10 kB dist/build/q-CHvOdCVR.js 0.11 kB │ gzip: 0.10 kB dist/build/q-zvS1HXX7.js 0.11 kB │ gzip: 0.11 kB dist/build/q-D2IcBtoE.js 0.11 kB │ gzip: 0.11 kB dist/build/q-CwMhKt0T.js 0.11 kB │ gzip: 0.10 kB dist/build/q-CyE-gxtx.js 0.11 kB │ gzip: 0.10 kB dist/build/q-CIytiwh1.js 0.11 kB │ gzip: 0.10 kB dist/build/q-D7XJS67G.js 0.11 kB │ gzip: 0.10 kB dist/build/q-CBz3Pf3x.js 0.11 kB │ gzip: 0.10 kB dist/build/q-CyyyA7PL.js 0.14 kB │ gzip: 0.12 kB dist/build/q-DPuGcF2D.js 0.14 kB │ gzip: 0.12 kB dist/build/q-Bw4o_v-1.js 0.14 kB │ gzip: 0.12 kB dist/build/q-DMs5VMnA.js 0.14 kB │ gzip: 0.12 kB dist/build/q-CaSdv7FJ.js 0.14 kB │ gzip: 0.12 kB dist/build/q-d9UnmOqW.js 0.14 kB │ gzip: 0.12 kB dist/build/q-BOvftM82.js 0.15 kB │ gzip: 0.13 kB dist/build/q-B8ueNQeM.js 0.15 kB │ gzip: 0.14 kB dist/build/q-CcTd0s2N.js 0.17 kB │ gzip: 0.15 kB dist/build/q-CL25TIou.js 0.22 kB │ gzip: 0.20 kB dist/build/q-DnlX4DxF.js 0.26 kB │ gzip: 0.21 kB dist/build/q-BnML1z8S.js 0.27 kB │ gzip: 0.23 kB dist/build/q-CKhqT_uW.js 0.49 kB │ gzip: 0.32 kB dist/build/q-DzP1xvWc.js 0.70 kB │ gzip: 0.44 kB dist/build/q-DaJvI3UN.js 0.81 kB │ gzip: 0.53 kB dist/build/q-Bt8bR9yW.js 0.81 kB │ gzip: 0.48 kB dist/build/q-Cof5gUWD.js 0.88 kB │ gzip: 0.45 kB dist/build/q-BjeMWYI_.js 0.96 kB │ gzip: 0.51 kB dist/build/q-Dr_kZbHD.js 0.97 kB │ gzip: 0.58 kB dist/build/q-D33XIs9z.js 0.98 kB │ gzip: 0.57 kB dist/build/q-C5AKBScQ.js 1.23 kB │ gzip: 0.68 kB dist/build/q-Cd73RRhw.js 1.24 kB │ gzip: 0.68 kB dist/build/q-ehj75yNk.js 1.29 kB │ gzip: 0.59 kB dist/build/q-Cz5CnwgH.js 1.61 kB │ gzip: 0.83 kB dist/build/q-DLY1xqZ9.js 1.67 kB │ gzip: 0.89 kB dist/build/q-CZ28vsux.js 2.30 kB │ gzip: 1.11 kB dist/build/q-6RXDTFnj.js 2.72 kB │ gzip: 0.93 kB dist/service-worker.js 2.81 kB │ gzip: 1.31 kB dist/build/q-BcWmcMN-.js 2.93 kB │ gzip: 1.27 kB dist/build/q-BiUcrzZR.js 3.29 kB │ gzip: 1.48 kB dist/build/q-BX0NWoCa.js 3.80 kB │ gzip: 1.78 kB dist/build/q-BA7vVbcz.js 5.23 kB │ gzip: 2.12 kB dist/build/q-BjGFGeE-.js 7.05 kB │ gzip: 2.88 kB dist/build/q-BBJrjUtN.js 12.69 kB │ gzip: 5.53 kB dist/build/q-C3VBYdp4.js 68.92 kB │ gzip: 25.41 kB ✓ built in 2.48s ✓ Built client modules > lint > eslint "src/**/*.ts*" > build.server > vite build -c adapters/cloudflare-pages/vite.config.ts vite v5.3.5 building SSR bundle for production... ✓ 38 modules transformed. server/assets/vzktmNrQ-style.css 3.68 kB server/entry.ssr.js 0.08 kB server/@qwik-city-plan.js 21.27 kB server/entry.cloudflare-pages.js 21.71 kB server/q-DEMq2Y3y.js 53.07 kB server/q-CULyoi_i.js 140.92 kB ✓ built in 1.69s Starting Qwik City SSG... SSG results - Duration: 7.7 ms \my-qwik-app\src\routes\demo\flower\index.tsx 19:3 warning useVisibleTask$() runs eagerly and blocks the main thread, preventing user interaction until the task is finished. Consider using useTask$(), useOn(), useOnDocument(), or useOnWindow() instead. If you have to use a useVisibleTask$(), you can disable the warning with a '// eslint-disable-next-line qwik/no-use-visible-task' comment qwik/no-use-visible-task ✖ 1 problem (0 errors, 1 warning) ✓ Built server (ssr) modules ✓ Type checked ✓ Lint checked ✨ Success! Uploaded 65 files (2.33 sec) ✨ Uploading _headers ✨ Uploading _redirects ▲ [WARNING] Duplicate key "action" in object literal [duplicate-object-key] ../server/q-CULyoi_i.js:15:1381: 15 │ ...ction(){return e.actionPath},action:vs(e,"actionPath"),"prevent... ╵ ~~~~~~ The original key "action" is here: ../server/q-CULyoi_i.js:15:1351: 15 │ ...Array(s)?ps("form",{...r,get action(){return e.actionPath},acti... ╵ ~~~~~~ ▲ [WARNING] Duplicate key "action" in object literal [duplicate-object-key] ../server/q-CULyoi_i.js:15:1601: 15 │ ...ction(){return e.actionPath},action:vs(e,"actionPath"),"prevent... ╵ ~~~~~~ The original key "action" is here: ../server/q-CULyoi_i.js:15:1571: 15 │ ...:Z},0,o):ps("form",{...r,get action(){return e.actionPath},acti... ╵ ~~~~~~ ✨ Uploading Worker bundle ✨ Uploading _routes.json ┐ Waiting for DNS to propagate (24s) .. ┘ Waiting for DNS to propagate (11s)
✨ Success! Uploaded 65 files (2.33 sec) ✨ Uploading _headers ✨ Uploading _redirects ▲ [WARNING] Duplicate key "action" in object literal [duplicate-object-key] ../server/q-CULyoi_i.js:15:1381: 15 │ ...ction(){return e.actionPath},action:vs(e,"actionPath"),"prevent... ╵ ~~~~~~ The original key "action" is here: ../server/q-CULyoi_i.js:15:1351: 15 │ ...Array(s)?ps("form",{...r,get action(){return e.actionPath},acti... ╵ ~~~~~~ ▲ [WARNING] Duplicate key "action" in object literal [duplicate-object-key] ../server/q-CULyoi_i.js:15:1601: 15 │ ...ction(){return e.actionPath},action:vs(e,"actionPath"),"prevent... ╵ ~~~~~~ The original key "action" is here: ../server/q-CULyoi_i.js:15:1571: 15 │ ...:Z},0,o):ps("form",{...r,get action(){return e.actionPath},acti... ╵ ~~~~~~ ✨ Uploading Worker bundle ✨ Uploading _routes.json
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Which component is affected?
Starters / CLI
Describe the bug
I installed Qwik with Cloudflare Pages integration following this guide.
Tested with: yarn, then pnpm, then npm, same issue.
The same issue will happen every time
pnpm run serve
is ran oryarn run serve
ornpm run serve
Reproduction
https://developers.cloudflare.com/pages/framework-guides/deploy-a-qwik-site/
Steps to reproduce
This bug is easy to reproduce:
When asked "Do you want to deploy your application?", answer Yes.
System Info
Additional Information
Installation Logs
Installation Logs
Warnings:
Installation Logs
The text was updated successfully, but these errors were encountered: