Vue Vite plugin is causing type errors

[zugende]

Environment

• Operating System: Darwin
• Node Version: v20.12.0
• Nuxt Version: - (using vue@latest)
• CLI Version: 3.15.0
• Nitro Version: -
• Package Manager: pnpm@9.0.4
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

Version

v3.0.0-alpha.8

Reproduction

https://github.com/zugende/nuxt-ui-type-error-repro

Description

When creating a fresh standalone Vue app using pnpm create vue@latest and then installing nuxt/ui by following the instructions here: https://ui3.nuxt.dev/getting-started/installation/vue one get type errors during the build process running pnpm build.

👀 Update 15. Nov: Workaround is to disable type-check in your build command

❌ "build": "run-p type-check \"build-only {@}\" --",
✅ "build-only": "vite build",

Additional context

No response

Logs

// more than 160 errors (shortened)

node_modules/.pnpm/@nuxt+ui@3.0.0-alpha.8_@babel+parser@7.26.2_embla-carousel@8.3.1_rollup@4.24.4_typescript@5.6_yljlai3w6pxxgcxew5prmihdom/node_modules/@nuxt/ui/dist/runtime/components/Tabs.vue:5:24 - error TS2307: Cannot find module '#build/app.config' or its corresponding type declarations.

5 import _appConfig from '#build/app.config'
~~~~~~~~~~~~~~~~~~~

node_modules/.pnpm/@nuxt+ui@3.0.0-alpha.8_@babel+parser@7.26.2_embla-carousel@8.3.1_rollup@4.24.4_typescript@5.6_yljlai3w6pxxgcxew5prmihdom/node_modules/@nuxt/ui/dist/runtime/components/Textarea.vue:4:24 - error TS2307: Cannot find module '#build/app.config' or its corresponding type declarations.

4 import _appConfig from '#build/app.config'
~~~~~~~~~~~~~~~~~~~

[.....]

Found 165 errors.

[benjamincanac]

We're still trying to figure that out! You can disable vue-tsc in the meantime as it's not blocking the actual build.

[antfu]

I think you could remove the --build --force flags from vue-tsc, and change it to "type-check": "vue-tsc -p ./tsconfig.app.json", then it should work. --build is fundamentally incompatible with our usage, as the build process won't go through our build pipeline. Without --build the typecheck should still work fine.

[IlyaDonskikh]

You may use vue-tsc --noEmit as well.

[hirwablessing]

I think you could remove the --build --force flags from vue-tsc, and change it to "type-check": "vue-tsc -p ./tsconfig.app.json", then it should work. --build is fundamentally incompatible with our usage, as the build process won't go through our build pipeline. Without --build the typecheck should still work fine.

@antfu the issue still occurs even with this change. I also explicitly node_modules "exclude": [ "node_modules" ] in my tsconfig.app.json and then added the "type-check": "vue-tsc -p ./tsconfig.app.json" script but still get node_modules errors.