[Bug]: Cannot find module 'embla-carousel/components/Options' or its corresponding type declarations. TypeScript, React with Vite

[rxtsel]

Which variants of Embla Carousel are you using?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Steps to reproduce

It seems that the issue stems from the way OptionsType is imported in the useEmblaCarousel.d.ts file within the embla-carousel-react folder in node_modules. Instead of importing directly from 'embla-carousel/components/Options', it should be imported directly from the EmblaOptionsType type.

Expected Behavior

Received behavior

Additional Context

The bug occurs when I build:

What browsers are you seeing the problem on?

No response

Version

v8.0.0

CodeSandbox

No response

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues
• I agree to follow this project's Contributing Guidelines for bug reports

[davidjerleke]

Hi @rxtsel,

Thanks for the bug report. It seems like many devs are having this problem.

• See this: [Help]: Cannot find module 'embla-carousel/components/Options' or its corresponding type declarations. #726 (reply in thread)

Setting moduleResolution to node in tsconfig solves it, but I don’t know why yet.

Feel free to help me out and read about the new bundler option that TypeScript introduced recently which is causing these errors.

It seems that the issue stems from the way OptionsType is imported in the useEmblaCarousel.d.ts file within the embla-carousel-react folder in node_modules. Instead of importing directly from 'embla-carousel/components/Options', it should be imported directly from the EmblaOptionsType type.

• Have you tried your solution?
• Does adding allowImportingTsExtensions: true solve this problem?
• Which package manager are you using?
• Could be related to [Feat]: Add TypeScript moduleResolution: bundler support #778

Best,
David

[rxtsel]

Hi @davidjerleke,

Thanks for responding.

Indeed, changing the value of moduleResolution from bundler to node worked for me. Thank you very much, we can close this issue, although it would be good if it detected whether that line is needed and added it or changed the value if necessary. Or simply add it to the documentation.