Wyszukiwanie w witrynie

reactjs - Zintegrować Storybook z TypeScriptem


Próbuję zintegrować bardzo prostą aplikację React napisaną w TypeScript z Storybookiem. Próbowałem śledzić kilka problemów na liście issue Storybooka, ale nie mogę stwierdzić, jakie są najnowsze informacje. Kiedy próbuję uruchomić Storybooka, otrzymuję następujący błąd:

ERROR in ./.storybook/config.js
Module not found: Error: Can't resolve '../stories' in 
'react-mobx-mui-ts-seed/.storybook' @ ./.storybook/config.js 6:4-25

Czy ktoś mógłby mi wskazać, gdzie mogę popełniać błąd? Cały projekt jest dostępny na Githubie tutaj: https://github.com/archfirst/react-mobx-mui-ts-seed

Oto mój plik webpack.config.js dla Storybooka:

const path = require('path');

const SRC_PATH = path.join(__dirname, '../src');

module.exports = {
    module: {
        rules: [
            { test: /\.ts$/, loader: 'ts-loader', exclude: /node_modules/ },
            { test: /\.tsx$/, loader: 'ts-loader', exclude: /node_modules/ },
            {
                test: /\.(jpg|png|svg)$/,
                loader: 'file-loader',
                exclude: /node_modules/
            },
            {
                test: /\.css$/,
                use: [{ loader: 'style-loader' }, { loader: 'css-loader' }]
            }
        ]
    },

    resolve: {
        modules: [SRC_PATH, 'node_modules']
    },

    plugins: []
};

Z góry dziękuję.

Edytuj: Teraz mam to działające. Możesz odwiedzić link do projektu na Github, aby zobaczyć zaktualizowany działający kod.