将Storybook与TypeScript集成

时间:2017-08-21 23:01:54

标签: reactjs typescript webpack storybook

我正在尝试将使用TypeScript编写的非常简单的React应用程序与Storybook集成。我试图在故事书问题清单上关注几个问题,但不知道最新信息是什么。当我尝试运行Storybook时,我收到以下错误:

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

有人可以指出我可能出错的地方吗?完整的项目可以在Github上找到:https://github.com/archfirst/react-mobx-mui-ts-seed

这是我的故事书的webpack.config.js:

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: []
};

提前致谢。

编辑:我现在有这个工作。您可以访问Github项目链接以获取更新的工作代码。

0 个答案:

没有答案