Skip to content

TypeError: Unknown file extension ".svelte" when testing component using shared package with indirect bits-ui dependency #430

Closed as not planned
@LeoDoby

Description

@LeoDoby

Hello, I'm encountering the following error when running tests in project1 for a component that imports another component from a local shared package (package/):

TypeError: Unknown file extension ".svelte" for C:\Users\user\WebstormProjects\project1\node_modules\bits-ui\dist\bits\utilities\portal\portal.svelte
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:219:9)
    at defaultGetFormat (node:internal/modules/esm/get_format:245:36)
    at defaultLoad (node:internal/modules/esm/load:120:22)
    at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:514:32)
/
│
├── package/
│   └── my-shared-component/       # Uses bits-ui internally
│       └── CardWrapper.svelte     # This uses bits-ui components
│
├── project1/
│   └── src/routes/page.svelte     # Imports CardWrapper from package/ (work perfectly)
│   └── tests/page.test.ts         # Crashes here
│
└── bits-ui/ (installed in package/, NOT in project1/)

Metadata

Metadata

Assignees

No one assigned

    Labels

    missing reproductionIssue needs a reproduction or it may be closed

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions