Skip to content
New issue

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

[🐞] [WARNING] Duplicate key "action" in object literal [duplicate-object-key] #7112

Open
burgil opened this issue Nov 29, 2024 · 0 comments
Labels
STATUS-1: needs triage New issue which needs to be triaged TYPE: bug Something isn't working

Comments

@burgil
Copy link

burgil commented Nov 29, 2024

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.

image

The same issue will happen every time pnpm run serve is ran or yarn run serve or npm run serve

Reproduction

https://developers.cloudflare.com/pages/framework-guides/deploy-a-qwik-site/

Steps to reproduce

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 Info

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)

Additional Information

Installation Logs

Installation Logs

>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)
Warnings:

Installation Logs

✨ 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
@burgil burgil added STATUS-1: needs triage New issue which needs to be triaged TYPE: bug Something isn't working labels Nov 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
STATUS-1: needs triage New issue which needs to be triaged TYPE: bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant