Cannot find module - Storybook - SvelteKit - TypeScript | Storybook | Page 1

Hi,

I have a issue with Storybook , Typescript and Svelte
When I import my Svelte component on stories.ts file I have this error (screenshot)

tsconfig.json
{
    "extends": "./.svelte-kit/tsconfig.json",
    "compilerOptions": {
        "allowJs": true,
        "checkJs": true,
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "resolveJsonModule": true,
        "skipLibCheck": true,
        "sourceMap": true,
        "strict": true
    }
}

my eslintrc :

module.exports = {
    root: true,
    parser: '@typescript-eslint/parser',
    extends: [
        'plugin:@typescript-eslint/recommended',
        'plugin:svelte/recommended',
        'prettier',
        'plugin:storybook/recommended'
    ],
    plugins: ['svelte3', '@typescript-eslint'],
    ignorePatterns: ['*.cjs'],
    overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
    settings: {
        'svelte3/typescript': () => require('typescript')
    },
    parserOptions: {
        sourceType: 'module',
        extraFileExtensions: ['.svelte'],
        ecmaVersion: 2022
    },
    env: {
        browser: true,
        es2017: true,
        node: true
    }
};

and .storybook/main.ts file :

import type { StorybookConfig } from '@storybook/sveltekit';

const config: StorybookConfig = {
    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
    addons: [
        '@storybook/addon-links',
        '@storybook/addon-essentials',
        '@storybook/addon-interactions',
        '@storybook/addon-mdx-gfm'
    ],
    framework: '@storybook/sveltekit',
    docs: {
        autodocs: 'tag'
    }
};
export default config;

Thanks you !

#Cannot find module - Storybook - SvelteKit - TypeScript