import type statement causes optimizeImports error

[aleksan27]

When "import type" statement is used optimizeImport preprocessor fails with "Unexpected token" error.
For example in a svelte page:

<script lang="ts">
import { Theme } from "carbon-components-svelte";
// Adding the below line causes the error
import type { CarbonTheme } from "carbon-components-svelte/src/Theme/Theme.svelte";

// type import is useful for type safety, so we can use
let theme: CarbonTheme = "white";
// instead of  let theme = "white";
</script>

[metonym]

Could you share your Vite config?

Note that if using TypeScript, vitePreprocess must precede the optimizeImports preprocessor. This is because TypeScript must first be stripped from Svelte code before being processed.

export default {
  plugins: [
    svelte({
      preprocess: [
        // Preprocessors are run in sequence.
        // If using TypeScript, the code must be transpiled first.
        vitePreprocess(),
        optimizeImports(),
      ],
    }),
  ],
};

[aleksan27]

Did you mean svelte config?
Here it is:

Have created project using lates svelte 5 templates

[aleksan27]

Vite config:

[metonym]

Thanks – I'll take a look.

[aleksan27]

Proposing the following fix: PR #81

[metonym]

Fixed in v0.11.11