Shadcn-vue ui package doens't compile with the error "The inferred type of '__VLS_component' cannot be named without a reference to..." #9604

lucabro81 · 2024-12-11T11:41:59Z

lucabro81
Dec 11, 2024

Summary

Not sure if is a problem with turborepo or pnpm or vue or shadcn, probably something related to the dependency management of pnpm and some spicy design choice of shadcn, but I don't know so I'm here asking for an opinion and some help.

The error when building is

...

shadcn-ui-elements:build: src/components/ui/alert-dialog/AlertDialogContent.vue:176:7 - error TS2742: The inferred type of '__VLS_component' cannot be named without a reference to '../../../../../../node_modules/radix-vue/dist/DismissableLayer'. This is likely not portable. A type annotation is necessary.
shadcn-ui-elements:build: 
shadcn-ui-elements:build: 176 const __VLS_component = (await import('vue')).defineComponent({
shadcn-ui-elements:build:           ~~~~~~~~~~~~~~~
shadcn-ui-elements:build: 

...

This happened only when I added the dialog components, before a similar error appeared with form component, but adding

node-linker=hoisted

to the .npmrc the error disappeared (however not sure if it was a good solution)

However here a repository to reproduce the error

Additional information

node: v20.11.0
pnpm: 8.15.6
SO: Sonoma 14.6.1

Example

https://github.com/lucabro81/turborepo-vue-shadcn-cannot-be-named-without-a-reference

lucabro81 · 2024-12-11T14:59:46Z

lucabro81
Dec 11, 2024
Author

It seems specifying "moduleResolution": "node" in tsconfig solve the problem, moreover node-linker=hoisted it's not needed anymore

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Shadcn-vue ui package doens't compile with the error "The inferred type of '__VLS_component' cannot be named without a reference to..." #9604

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Shadcn-vue ui package doens't compile with the error "The inferred type of '__VLS_component' cannot be named without a reference to..." #9604

Uh oh!

Uh oh!

lucabro81 Dec 11, 2024

Summary

Additional information

Example

Replies: 1 comment

Uh oh!

lucabro81 Dec 11, 2024 Author

lucabro81
Dec 11, 2024

lucabro81
Dec 11, 2024
Author