[🐞] cli add command not working

[Thomas-Waldbillig]

Which package is affected?

CLI

Describe the bug

when trying to use the cli add command it does not complete successfully

when trying to follow the manual instructions there seem to be some steps missing, e.g. no mention of the required 'qwik-ui.config.json' file

Reproduction

n/a

Steps to reproduce

No response

System Info

linux [kubuntu] using bun or pnpm

Additional Information

pnpm create qwik@latest
#follow instructions and moving to the new project folder
pnpm dlx qwik-ui init

┌  🐨 Qwik UI
│
●  Installing Nx...
 WARN  deprecated eslint@8.57.0: This version is no longer supported. Please see https://eslint.org/version-support for other options.
 WARN  5 deprecated subdependencies found: @humanwhocodes/config-array@0.11.14, @humanwhocodes/object-schema@2.0.3, glob@7.2.3, inflight@1.0.6, rimraf@3.0.2
Packages: +92
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Progress: resolved 544, reused 480, downloaded 0, added 92, done
node_modules/.pnpm/nx@20.7.1/node_modules/nx: Running postinstall script, done in 145ms

devDependencies:
+ nx 20.7.1

Done in 1.8s
│
◆  nx init done
│
◇  Specify the root of the project (leave empty for "./")
│  ./
│
◇  UI components folder
│  src/components/ui
│
◇  The path to the global css file the tailwind directives are defined (relative to the root you specified above)
│  src/global.css
│
◇  Would you like to install Tailwind? (required)
│  Yes

      ............
    .::: :--------:.
   .::::  .:-------:.
  .:::::.   .:-------.
  ::::::.     .:------.
 ::::::.        :-----:
 ::::::.       .:-----.
  :::::::.     .-----.
   ::::::::..   ---:.
    .:::::::::. :-:.
     ..::::::::::::
             ...::::
     

┌  🦋  Add Integration  tailwind
│
◇  App updated
│
└  🦄  Success!  Added tailwind to your app

│
●  Adding qwik-ui cli to package.json...
 WARN  deprecated eslint@8.57.0: This version is no longer supported. Please see https://eslint.org/version-support for other options.
 WARN  5 deprecated subdependencies found: @humanwhocodes/config-array@0.11.14, @humanwhocodes/object-schema@2.0.3, glob@7.2.3, inflight@1.0.6, rimraf@3.0.2
Packages: +17
+++++++++++++++++
Progress: resolved 592, reused 511, downloaded 0, added 17, done

devDependencies:
+ qwik-ui 0.2.0

Done in 1.2s

 NX   Failed to process project graph.

An error occurred while processing files for the nx/core/package-json plugin
.
  - package.json: Nx requires the root package.json to specify a name if it is being used as an Nx project.

node:internal/errors:983
  const err = new Error(message);
              ^

Error: Command failed: pnpm exec nx g qwik-ui:init --interactive false --project-root=./ --ui-components-path=src/components/ui
    at genericNodeError (node:internal/errors:983:15)
    at wrappedFn (node:internal/errors:537:14)
    at checkExecSyncError (node:child_process:882:11)
    at execSync (node:child_process:954:15)
    at handleInit (/home/thomas/.cache/pnpm/dlx/p7yjwkwqb7w3stsfgdq6tq6gpu/1960543726e-32cee/node_modules/.pnpm/qwik-ui@0.2.0_nx@20.7.1/node_modules/qwik-ui/bin/index.js:135:34)
    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
    at async main (/home/thomas/.cache/pnpm/dlx/p7yjwkwqb7w3stsfgdq6tq6gpu/1960543726e-32cee/node_modules/.pnpm/qwik-ui@0.2.0_nx@20.7.1/node_modules/qwik-ui/bin/index.js:31:9) {
  status: 1,
  signal: null,
  output: [ null, null, null ],
  pid: 209093,
  stdout: null,
  stderr: null
}

Node.js v23.0.0

[Thomas-Waldbillig]

i can't be the only one that is having this issue making the whole lib un-useable?

would it be possible to at least fix the doc on installing it manually?
there is absolutely no mention on how to create the required qwik-ui.config.json file

┌  🐨 Qwik UI
│   ■  qwik-ui.config.json not found, please run qwik-ui init first
└  

[BakauDesign]

did you install tailwind v4?

[Thomas-Waldbillig]

i think i tried with both (using qwik add command)

in the case of the stacktrace above, i didn't pick, it is the version installed by pnpm dlx qwik-ui init when answer yes to theWould you like to install Tailwind? prompt ("tailwindcss": "^4.0.0")

[Teyik0]

Tried both a manual and with the CLI, it does not work at all.
With manual install weird component behavior, having 10% of Button style working...

On my side using bun and bunx
I really want to try out this framework but withtout the ui components, this is blocking for me

[maiieul]

Hey there, sorry for the radio silence for 3 weeks. The core team has been quite busy with more urgent qwik work recently, but this is top on my priority list for qwik-ui. I will update here once this is fixed.

[Thomas-Waldbillig]

Hey there, sorry for the radio silence for 3 weeks. The core team has been quite busy with more urgent qwik work recently, but this is top on my priority list for qwik-ui. I will update here once this is fixed.

hi, np

thank you for having a look

[senorbebe]

The same thing happens to me when trying to integrate qwikui into a qwik/astro project. When running npx qwik-ui init after the step

Would you like to install Tailwind? (required) --> yes

I get the following error message:

❌ Error: Could not find vite.config.ts or vite.config.mts in

error: "qwik" exited with code 1
node:internal/errors:983
const err = new Error(message);
^

Error: Command failed: bun qwik add tailwind --skipConfirmation=true --projectDir=./
at genericNodeError (node:internal/errors:983:15)
at wrappedFn (node:internal/errors:537:14)
at checkExecSyncError (node:child_process:890:11)
at execSync (node:child_process:962:15)
at handleInit (/Users//.npm/_npx/578e3ad073720588/node_modules/qwik-ui/bin/index.js:124:38)
at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
at async main (/Users//.npm/_npx/578e3ad073720588/node_modules/qwik-ui/bin/index.js:31:9) {
status: 1,
signal: null,
output: [ null, null, null ],
pid: 50278,
stdout: null,
stderr: null
}

Node.js v22.9.0

[Thomas-Waldbillig]

any news?

[maiieul]

Hey there, we just released 1.14.0. I will work on qwik-ui in priority now.