error setting up nuxt project `Error: ENOENT: no such file or directory, open 'ui/app.vue'`

### Describe the bug

```sh
 ~/Doc/GitHub/mina-prediction-market | on main  zkapp project test                                                           ok | at 12:00:52 
✔ Create an accompanying UI project too? · nuxt

        .d$b.
       i$$A$$L  .d$b
     .$$F` `$$L.$$A$$.
    j$$'    `4$$:` `$$.
   j$$'     .4$:    `$$.
  j$$`     .$$:      `4$L
 :$$:____.d$$:  _____.:$$:
 `4$$$$$$$$P` .i$$$$$$$$P`

ℹ Welcome to Nuxt!                                                                                                          nuxi 12:01:02 PM
ℹ Creating a new project in ui.                                                                                             nuxi 12:01:02 PM

✔ Which package manager would you like to use?
npm
◐ Installing dependencies...                                                                                                 nuxi 12:01:04 PM
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'nuxt@4.1.3',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'vite@7.1.9',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '@nuxt/vite-builder@4.1.3',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'nitropack@2.12.7',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'oxc-minify@0.94.0',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'oxc-parser@0.94.0',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'oxc-transform@0.94.0',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '@vitejs/plugin-vue@6.0.1',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '@vitejs/plugin-vue-jsx@5.1.1',
npm WARN EBADENGINE   required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'cssnano@7.1.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'vite-node@3.2.4',
npm WARN EBADENGINE   required: { node: '^18.0.0 || ^20.0.0 || >=22.0.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'cssnano-preset-default@7.0.9',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'cssnano-utils@5.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-calc@10.1.1',
npm WARN EBADENGINE   required: { node: '^18.12 || ^20.9 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-colormin@7.0.4',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-convert-values@7.0.7',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-discard-comments@7.0.4',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-discard-duplicates@7.0.2',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-discard-empty@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-discard-overridden@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-merge-longhand@7.0.5',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-merge-rules@7.0.6',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-minify-font-values@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-minify-gradients@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-minify-params@7.0.4',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-minify-selectors@7.0.5',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-charset@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-display-values@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-positions@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-repeat-style@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-string@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-timing-functions@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-unicode@7.0.4',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-url@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-normalize-whitespace@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-ordered-values@7.0.2',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-reduce-initial@7.0.4',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-reduce-transforms@7.0.1',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'postcss-unique-selectors@7.0.4',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: 'stylehacks@7.0.6',
npm WARN EBADENGINE   required: { node: '^18.12.0 || ^20.9.0 || >=22.0' },
npm WARN EBADENGINE   current: { node: 'v21.4.0', npm: '10.2.4' }
npm WARN EBADENGINE }
npm WARN deprecated @types/parse-path@7.1.0: This is a stub types definition. parse-path provides its own type definitions, so you do not need this installed.

> postinstall
> nuxt prepare


[12:01:08 PM]  ERROR  Cannot find native binding. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try npm i again after removing both package-lock.json and node_modules directory.

    at node_modules/oxc-parser/src-js/bindings.js:553:11
    at ModuleJob.run (node:internal/modules/esm/module_job:218:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)
    at async loadNuxt (node_modules/@nuxt/kit/dist/index.mjs:946:35)
    at async Object.run (node_modules/@nuxt/cli/dist/chunks/prepare.mjs:32:18)
    at async runCommand (node_modules/citty/dist/index.mjs:316:16)
    at async runCommand (node_modules/citty/dist/index.mjs:307:11)
    at async runMain (node_modules/citty/dist/index.mjs:445:7)

  [cause]: Cannot find module '@oxc-parser/binding-darwin-arm64'
Require stack:
- /Users/trivo/Documents/GitHub/mina-prediction-market/test/ui/node_modules/oxc-parser/src-js/bindings.js

      at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
      at Module._load (node:internal/modules/cjs/loader:985:27)
      at Module.require (node:internal/modules/cjs/loader:1235:19)
      at require (node:internal/modules/helpers:176:18)
      at requireNative (node_modules/oxc-parser/src-js/bindings.js:201:25)
      at node_modules/oxc-parser/src-js/bindings.js:512:17
      at ModuleJob.run (node:internal/modules/esm/module_job:218:25)
      at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)
      at async loadNuxt (node_modules/@nuxt/kit/dist/index.mjs:946:35)
      at async Object.run (node_modules/@nuxt/cli/dist/chunks/prepare.mjs:32:18)

    [cause]: Cannot find module './parser.darwin-arm64.node'
Require stack:
- /Users/trivo/Documents/GitHub/mina-prediction-market/test/ui/node_modules/oxc-parser/src-js/bindings.js

        at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
        at Module._load (node:internal/modules/cjs/loader:985:27)
        at Module.require (node:internal/modules/cjs/loader:1235:19)
        at require (node:internal/modules/helpers:176:18)
        at requireNative (node_modules/oxc-parser/src-js/bindings.js:196:16)
        at node_modules/oxc-parser/src-js/bindings.js:512:17
        at ModuleJob.run (node:internal/modules/esm/module_job:218:25)
        at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)
        at async loadNuxt (node_modules/@nuxt/kit/dist/index.mjs:946:35)
        at async Object.run (node_modules/@nuxt/cli/dist/chunks/prepare.mjs:32:18)

      [cause]: Cannot find module '@oxc-parser/binding-darwin-universal'
Require stack:
- /Users/trivo/Documents/GitHub/mina-prediction-market/test/ui/node_modules/oxc-parser/src-js/bindings.js

          at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
          at Module._load (node:internal/modules/cjs/loader:985:27)
          at Module.require (node:internal/modules/cjs/loader:1235:19)
          at require (node:internal/modules/helpers:176:18)
          at requireNative (node_modules/oxc-parser/src-js/bindings.js:169:23)
          at node_modules/oxc-parser/src-js/bindings.js:512:17
          at ModuleJob.run (node:internal/modules/esm/module_job:218:25)
          at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)
          at async loadNuxt (node_modules/@nuxt/kit/dist/index.mjs:946:35)
          at async Object.run (node_modules/@nuxt/cli/dist/chunks/prepare.mjs:32:18)

        [cause]: Cannot find module './parser.darwin-universal.node'
Require stack:
- /Users/trivo/Documents/GitHub/mina-prediction-market/test/ui/node_modules/oxc-parser/src-js/bindings.js

            at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
            at Module._load (node:internal/modules/cjs/loader:985:27)
            at Module.require (node:internal/modules/cjs/loader:1235:19)
            at require (node:internal/modules/helpers:176:18)
            at requireNative (node_modules/oxc-parser/src-js/bindings.js:164:14)
            at node_modules/oxc-parser/src-js/bindings.js:512:17
            at ModuleJob.run (node:internal/modules/esm/module_job:218:25)
            at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)
            at async loadNuxt (node_modules/@nuxt/kit/dist/index.mjs:946:35)
            at async Object.run (node_modules/@nuxt/cli/dist/chunks/prepare.mjs:32:18) 



[12:01:08 PM]  ERROR  Cannot find native binding. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try npm i again after removing both package-lock.json and node_modules directory.

npm ERR! code 1
npm ERR! path /Users/trivo/Documents/GitHub/mina-prediction-market/test/ui
npm ERR! command failed
npm ERR! command sh -c nuxt prepare

npm ERR! A complete log of this run can be found in: /Users/trivo/.npm/_logs/2025-10-14T05_01_04_585Z-debug-0.log

 ERROR  Error: npm install failed.                                                                                           nuxi 12:01:08 PM

zk project [name]

Create a new project

Options:
      --ui       Creates an accompanying UI
                   [string] [choices: "next", "svelte", "nuxt", "empty", "none"]
  -h, --help     Show help                                             [boolean]
  -v, --version  Show version number                                   [boolean]

Error: ENOENT: no such file or directory, open 'ui/app.vue'
    at Object.readFileSync (node:fs:453:20)
    at scaffoldNuxt (file:///Users/trivo/.nvm/versions/node/v21.4.0/lib/node_modules/zkapp-cli/src/lib/project.js:677:21)
    at project (file:///Users/trivo/.nvm/versions/node/v21.4.0/lib/node_modules/zkapp-cli/src/lib/project.js:94:9)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Object.handler (file:///Users/trivo/.nvm/versions/node/v21.4.0/lib/node_modules/zkapp-cli/src/bin/index.js:79:30) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: 'ui/app.vue'
}
```

### Steps to Reproduce

```sh
zkapp project test                                                         
Create an accompanying UI project too? 
    > nuxt
```

### System Info

```shell
Be sure to include the following system information when submitting a GitHub issue:

  System:
    OS: macOS 15.6
    CPU: (12) arm64 Apple M3 Pro
  Binaries:
    Node: 21.4.0 - /Users/trivo/.nvm/versions/node/v21.4.0/bin/node
    Yarn: 1.22.22 - /opt/homebrew/bin/yarn
    npm: 10.2.4 - /Users/trivo/.nvm/versions/node/v21.4.0/bin/npm
  npmPackages:
    o1js: Not Found (not in a project)
  npmGlobalPackages:
    zkapp-cli: 0.22.9
```

### Severity

serious, but I can work around it

### Additional Information

_No response_

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

error setting up nuxt project `Error: ENOENT: no such file or directory, open 'ui/app.vue'` #748

Describe the bug

Steps to Reproduce

System Info

Severity

Additional Information

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

error setting up nuxt project Error: ENOENT: no such file or directory, open 'ui/app.vue' #748

Description

Describe the bug

Steps to Reproduce

System Info

Severity

Additional Information

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions

error setting up nuxt project `Error: ENOENT: no such file or directory, open 'ui/app.vue'` #748